Playground not working

[jacksld]

MDN URL

https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started

What specific section or headline is this issue about?

No response

What information was incorrect, unhelpful, or incomplete?

The playground did not work for trying HTML sample codes and doing active learning. The live output did not response with the the editable code area. The reset and show solution buttons are not working either.

What did you expect to see?

I expected them to work as the provided instruction: "Edit the line below in the "Editable code" area by wrapping it with the tags <em> and </em>. To open the element, put the opening tag <em> at the start of the line. To close the element, put the closing tag at the end of the line. Doing this should give the line italic text formatting! See your changes update live in the Output area.

If you make a mistake, you can clear your work using the Reset button. If you get really stuck, press the Show solution button to see the answer."

Do you have any supporting links, references, or citations?

My device is a Window 11 laptop and I am running the above URL with Microsoft Edge browser.

Do you have anything more you want to share?

No response

MDN metadata

Page report details

* Folder: `en-us/learn/html/introduction_to_html/getting_started` * MDN URL: https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started * GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/learn/html/introduction_to_html/getting_started/index.md * Last commit: https://github.com/mdn/content/commit/f20d7ae3f5f41aa6d2157246206b0f6f30756e2f * Document last modified: 2024-09-04T13:50:38.000Z

[Josh-Cena]

Do you have a screen recording? It's likely a browser issue and you should probably try refreshing first. I can't reproduce this.

[jacksld]

The screen recording is too big to be included here so I included a few screenshots to show you what I mean about the output does not response to the editable area. Initially when the page finish loading, the output was blank regardless of whatever the content is in the editable area, when I edit it, nothing changes either, and the Reset and the Show Solution buttons does not response.

When the page just finished loading When I tried to edit in the Editable Code area

As you suggested, the playground did behave as expected when I refresh the page the fourth time. However, the next time I visited the page, the same issue occurred, I then tried to refresh it but this time it worked right after the first refresh. So, I tried to refresh the page another couple of times, but I got back to where I got the issue and I will have to refresh it this time until the sixth time, so the playground is functioning again.

[Josh-Cena]

Do you see any errors in the browser console?

[Josh-Cena]

Do you see any errors in the browser console?

[jacksld]

Here is the console: Seems no errors at all