How to create your own "try it" for javascript, HTML and css Try it yourself editor copy the first For the best results copy the html in the first box with the name code and paste in your website page. Code <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Try it yourself editor</title> <style type="text/css"> textarea, iframe { border: 2px solid #ddd; height: 500px; width: 100%; } </style> </head> <body> <table width="100%" border="0" cellspacing="5" cellpadding="5"> <tr> <td width="50%" scope="col"> </td> <td width="50%" align="left" scope="col"> <input onclick="runCode();" type="button" value="Run Code"> </td> </tr> <tr> <td> <form> <strong>Code</strong> <textarea name="sourceCode" id="sourceCode"> <html> <head> <title>Hello</title> </head> <body> <h1>Hello!</h1> <p>Write HTML, CSS or JavaScript code here and click 'Run Code'.</p> </body> </html> Output Output
