JSFiddle - React, Tailwind, and code Playground

by rixlabs

HTML

<form id="applyForm">
<p><label for="firstName">First Name</label> 
    <input type="text" name="firstName" id="firstName" pattern="^[a-zA-Z]+$" maxlength="25" size="25" required="required" value="ThisIsMyName" /></p>
    <input type="submit" />
    </form>

JavaScript

function validate () {
    console.log("Validate");
    storeInfo();
}

function storeInfo() {
    console.log("storeInfo Start");
    sessionStorage.firstName = document.getElementById("firstName").value;
    console.log("StoreInfo End - First Name is: " + sessionStorage.firstName);
}

function init () {
    console.log("Init Works!");
    // For apply page
    if (document.getElementById("applyForm") != null) {
        var applyForm = document.getElementById("applyForm");
        applyForm.onsubmit = validate;
    }
 }

init();