JSFiddle - React, Tailwind, and code Playground

by Vengatesh rkv

HTML

<input type="text" id="someinput" onkeyup="validateinput()" />

CSS

.red
{
    background: red;
}
.green
{
    background: green;
}

JavaScript

var input = [
  {
    "_id": "5c718024fb6fc072012715c3",
    "headers": [
      {
        "name": "பட்டுக்கோட்டை",
        "link": "/city/pattukkottai"
      },
      {
        "name": "தஞ்சாவூர்",
        "link": "/city/thanjavur",
        "subLink": [
          "pattukkottai"
        ]
      },
      {
        "name": "புதுக்கோட்டை",
        "link": "/city/pudukkottai"
      }
    ]
  }
];

function validateinput()
{
    var inputbox = document.getElementById("someinput");
    
    if(isNaN(parseFloat(inputbox.value)))
    {
        inputbox.className = "red";
    }
    else
    {
        inputbox.className = "green";
    }
}

console.log(input[0].headers[0].name)