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 👍