JSFiddle - React, Tailwind, and code Playground

by mtambulut

HTML

<input type="text" id="fname">

JavaScript

document.getElementById("fname").onkeyup = function() {myFunction()};
  function myFunction() {
    var obj = document.getElementById("fname").value;
    console.log(obj);
        if (obj.includes("@") == true && obj.includes(".") == true) {

            document.getElementById("fname").style.backgroundColor = "#BDD470";
        }
        else {

            document.getElementById("fname").style.backgroundColor = "#CC0505";
        }
    }