JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    
<form role="form" class="container">
    <div class="form-group">
        <label for="name">What's Your Name?</label>
        <input id="name" class="form-control" required>
    </div>
    <button class="btn btn-primary">Submit</button>
</form>

CSS

body { padding-top: 1em; }

JavaScript

$( "form" ).on( "submit", function() {
    localStorage.setItem( "name", this.name.value );
});