<!DOCTYPE html> <html> <head> <title>Create and edit URL pages</title> <link rel="stylesheet" type="text/css" href="main.css"> <script src="editor.js" type="text/javascript"></script> </head> <body onload="initialize()"> <div id="textboxes" onkeyup="update()"> <!-- Unfortunately having these <textarea>s on one line is actually necessary to remove a tiny amount of horizontal space between them --> <textarea id="html" placeholder="HTML" rows="9"></textarea><textarea id="css" placeholder="CSS" rows="9"></textarea><textarea id="javascript" placeholder="JavaScript" rows="9"></textarea> </div> <div id="buttons"> <button><a id="getLinkLink" href="" target="_blank">Get Link</a></button> <button onclick="showCopyCodePrompt()">Copy Code</button> <button><a id="downloadLink" href="" target="_blank" download="export.html">Download Code</a></button> </div> <iframe></iframe> </body> </html>