New interactive code examples show distracting errors while editing the JavaScript

[l3onhard]

Describe the Issue

In the lesson what-are-template-literals-and-what-is-string-interpolation I came across the new interactive code examples for the first time. When I started editing the JavaScript, the console started producing errors, which distracted me from what I was typing (see screenshot).

Affected Page

https://www.freecodecamp.org/learn/full-stack-developer/lecture-working-with-strings-in-javascript/what-are-template-literals-and-what-is-string-interpolation

Your code

not applicable

Expected behavior

While I am editing the JavaScript of an interactive example, I don't want the code to be excepted before I am finished typing. I would prefer a „run“ button and the option to press a hotkey (like command + enter) to execute the code.

Screenshots

System

• Device: MacBook Air 13″, M4, 2025
• OS: macOS 26.0.1 (25A362)
• Browser: Safari
• Version: 26.0.1 (21622.1.22.11.15)

Additional context

No response

[jdwilkin4]

I'll open this up for discussion so the other curriculum team members can weigh in.

But I think another option would be to just clean up the stack trace and only show the relevant error message. That will still maintain the live execution aspect of it but make the output less noisy.

[raisedadead]

I recommend moving the discussion to the forum to gauge how opinionated our users are about this before we discuss it here. If its already been discussed in the forum, with interest from others, happy to reopen.