Embedded consoles on Javascript learning resources are out of work (chrome, safari)

[mdn]

Embedded consoles on Javascript learning resources are out of work (chrome, safari)

[chrisdavidmills]

I've tried it, and yes, if you highlight the symbol it doesn't work.

Instead, you have to click next to the symbol and then type. It works then, and this is how terminals tend to react. You can also tab into the box and it will put the cursor in the right place and work.

[chrisdavidmills]

What problems are you finding with these? I've just done some testing and they seem to work OK in Chrome/Safari.

[chrisdavidmills]

Hrm, const and let don't seem to work, but var still does

[B3nnyL]

@chrisdavidmills It's not about functionalities; the consoles don't react according to my inputs. I created two gif screenshots for you. In the gifs, I could highlight the symbol; but, if I typed, the interface never updated and froze there.

The same thing happens with Safari. Any thoughts?

[B3nnyL]

It works! Thanks for the instruction.
If the terminal could come with a blinking cursor, it would be nice.

[chrisdavidmills]

Yeah, it would be nice. Unfortunately the only way for me to have a blinking cursor with no user interaction is to use JavaScript to focus the terminal on page load, which causes another problem — the article immediately jumps straight to that point, which is confusing and odd.

I thought this was the lesser of two evils ;-)

[B3nnyL]

Yeah, you're right. It comes with other side-effects.
What about adding a static cursor behind the input symbol? I made a mockup and attached below