try it yourself section

Question

bit of a slightly off topic question here, but ive taken it upon myself to build a website teaching code as a way of furthering my learning of it. im still at a very basic level, the idea is, in order to teach, im going to have to develop a better knowledge about each section, and creating a website, helps keep me motivated to do that.
im not coding the website myself, im using a site builder - using wordpress, and im wondering if anyone can point me in the direction of how i would go about adding a try it yourself element similar to what sololearn uses, that i can use in my lessons.
thank you.

Answer 1

Hi! What you mean "try it yourself element"? You want make code playground?

Answer 2

Andrew Hall You're taking a great approach with learning by doing and explaining. 😉👌
Regarding "Try it Yourself" Question:
You probably want to explore embedding REPLs from any number of websites.
I've included links to embedding a few popular REPLs to consider:
https://docs.replit.com/repls/embed
https://blog.codepen.io/documentation/editable-embeds/
https://dotnetfiddle.net/GettingStarted/Embedding
https://docs.jsfiddle.net/embedding-fiddles
Best of luck to you on your journey.

Answer 3

indeed. ive seen them on a few websites. im hoping theres something premade i can get hold of to use, because they are a great learning tool as anyone who uses sololearn can attest.

Answer 4

probably there is, but I can't even imagine how it should look like it goes beyond the basic knowledge

Answer 5

Thank you for taking the time to reply. Much appreciated 👍