JSFiddle - React, Tailwind, and code Playground

by japaneselanguagefriend

HTML

<form action="">
<p>
User name: <input type="text" id="user_name">
    <input type="button" value="Create new page" onclick="createNewWindow();" />
</p>
</form>

JavaScript

function createNewWindow() {
    var userName = document.getElementById('user_name').value
    var newPage = "<html><head><title>"
    newPage += userName;
    newPage += "</title>";
    /*newPage += '<style type="text/css">';
    newPage += "div0 {margin-left: 0px; width: 148px; height: 800px; float: left; font-size: 7pt; text-align: center;}";
    newPage += "</style>";*/
    newPage += "</head><body>";
    newPage += "<p> Hello World" + userName;
    newPage += "</p></body></html>";
    var j = window.open('')
    j.document.write(newPage);
    j.document.close();
    return false;
}