Early JS practice in CodePen

No way

But if your code contains an infinite loop (some recursive dialog for example) – then you’re going to find yourself getting stuck a lot.

By default, CodePen auto-runs your code when the Pen opens up and when you change anything. This is great for HTML and CSS – but not always great for JS. (and really just especially now since you likely don’t have experience with building button interaction yet)

So – if you’re going to run a function in your Pen by default, it’s best to turn “Auto-Updating Preview” off.

Setting “Auto-Updating Preview” to off will trigger the addition of the “Run” button. Now you have a way to explicitly run the program (instead of just starting it up with no control)

(Also, note these other options – while we’re here).

“Use Click-to-Load” is kinda weird…

It seems to be tangled up with “Show preview” or something. Sometimes as ideas and features are needed, they might get a little tangled in how they are implemented. This might be an example of that.

Also: you can set it to not show the output, and then it will only run if the user clicks output (in the embed) to reveal it.