JSFiddle - React, Tailwind, and code Playground

by mrtsherman

HTML

<input type="textbox" id="partNumber" onChange="validatePart(this);">
<input type="textbox" id="quantity" onfocus="saveOldQuantity();">

CSS

input:focus { border: red; }

JavaScript

function validatePart(node) {
    console.log('validating part');
    alert('invalid part!');
    node.focus();
}

function saveOldQuanitity() {
    console.log('saving old quantity');
}