JSFiddle - React, Tailwind, and code Playground
by spacebean
HTML
<h1></h1>
<form>
<fieldset>
<legend>Survey</legend>
<div id="boxalign">
<p>
<label>Hospital:</label>
<input type="text" />
</p>
<p>
<label>Name:</label> <input type="text"/>
</p>
<p>
<label>Title:</label><input type="text"/>
</p>
<p>
<label>Department:</label> <input type="text"/>
</p>
</div>
<div id="boxalign2">
<p>
Contact Info<br>
<label>Email:</label> <input type="text"/>
<label>Office #:</label> <input type="text"/>
<label>Other:</label> <input type="text"/>
<label>Preferred Contact:</label>
<select id = "myList">
<option value = "1">Email</option>
<option value = "2">Phone</option>
</select>
</p>
<p>
Assistants Contact Info (if applicable)<br>
<label>Name:</label> <input type="text"/>
<label>Email:</label> <input type="text"/>
<label>Office #:</label> <input type="text"/>
</p>
<p>
Who do you report to?<br>
<label>Name:</label> <input type="text"/>
<label>Title:</label> <input type="text"/>
</p>
<p>
Who reports to you?<br>
<label>Name:</label> <input type="text"/>
<label>Title:</label> <input type="text"/>
<label>Department:</label> <input type="text"/>
</p>
</div>
<p>
Top 3 Job Responsibilities<br>
<textarea rows= "3" cols = "80"></textarea>
</p>
<p>
List Top 3 Pains, Challenges or Opportunites in your role (department specific or hospital wide):<br>
<textarea rows= "3" cols = "80"></textarea>
</p>
<label for="serveri"> Server: </label> <input type='text' name="server" id="saveServer"/> <button onclick="saveData()" type="button" value="Save" id="Save">Save</button>
<!--<input type="button" value="Submit Form" onclick="location.href='Confirmation.html';">-->
</fieldset>
</form>
JavaScript
var save_button = document.getElementById('Save');
save_button.onclick = saveData;
function saveData(){
var input = document.getElementById("saveServer");
localStorage.setItem("server", input.value);
var storedValue = localStorage.getItem("server");
console.log(storedValue);
}