JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<form id="onlyform">
<h1>Search page</h1>
<input type="text" name="query" id="query" />
<input type="submit" id="subid" value="Go for it!!" />
</form>

<div name="inside" id="inside">
<p style="color:red">This is the div!!</p>
</div>

CSS

#inside { display: none; }

JavaScript

//setattrib();
function setattrib() {
console.log("Set Attrib");
document.forms[0].setAttribute("onsubmit", "return doerofstuff();");
}
function doerofstuff() {
    console.log('button clicked');
    var elem = document.getElementById("onlyform").innerHTML;
    console.log(elem);
    var div = window.document.getElementById('inside');
    div.style.display = "block";

return false; // prevent the form from submitting
}