JSFiddle - React, Tailwind, and code Playground

by bornasepic

HTML

First name
<input class="fname-input" type="text" name="fname" value=""> Last name
<input class="lname-input" type="text" name="lname" value="">
<input class="submitB" type="submit" name="" value="Submit">

JavaScript

function ready(fn) {
  if (document.attachEvent ? document.readyState === "complete" : document.readyState !== "loading") {
    fn();
  } else {
    document.addEventListener('DOMContentLoaded', fn);
  }
}

function consolelog() {
  var firstname = document.querySelector('.fname-input');
  console.log(firstname.value);
}



ready(function() {
  var submit = document.querySelector('.sumbitB');
  submit.addEventListener('click', consolelog);
});