JSFiddle - React, Tailwind, and code Playground

by docluv

HTML

<input type="number" name="areacode" autofocus/>
<input type="number" name="localExchange" />
<input type="number" name="last4" />

JavaScript

var areaCode = document.querySelector("input[name=areacode]"),
    localExchange = document.querySelector("input[name=localExchange]"),
    last4 = document.querySelector("input[name=last4]"),
    phoneNumber = "0000000000";


function bindBlur(ele, callback){
    
    ele.addEventListener("blur", callback);
    
}

function storeAreaCode(e){

    var nonAreaCode = phoneNumber.slice(3, 7);
    
    phoneNumber = e.target.value + nonAreaCode;

    savePhoneNumber();
     

}


function savePhoneNumberToLocalStorage(){

    localStorage.setItem("phoneNumber", phoneNumber);
    
}