Listener Search

search.js

//html

<input type="text" />
<div id="esu">
  <span id="res"></span>
</div>

//css
#esu{  
  display: none;
  background: red;
  width: fit-content;
}


//js
input = document.querySelector("input");

input.addEventListener("input", function(){
  res = document.getElementById("res");
  esu = document.getElementById("esu");
  const str = this.value.toLowerCase();
  console.log(str)

  const writtenA = {
    0:'zero',
    1:'one',
    'tr':"Trigg",
    'ti':"tipo",
    'ty':"TypeScript",
    'Type':"TypeScript",
  }
 
  const get = num => {
    return writtenA[num] || "other";
  }
  
  console.log(get(str));
  res.innerHTML = get(str);
  esu.style.display = 'block';
  if(this.value.length == 0){
  res.innerHTML = '';
}

})