JSFiddle - React, Tailwind, and code Playground
HTML
<input id="newListItem" type="text" />
<button id="addItem">Add</button>
JavaScript
let fieldObj = document.getElementById("newListItem").value;
let button = document.getElementById("addItem");
button.addEventListener("click", function(){
if (fieldObj !== "") {
console.log(fieldObj);
console.log("Everything ok!");
}
else {
console.log(fieldObj);
console.log("Something's wrong!");
}
}, false);