Keyword search

by Purushothaman Anbazhagan

HTML

<input type="text" name="search" id="serach" />

<div id="results">

</div>

JavaScript

let pressed = [];
let timeoutId;
let node = document.getElementById("results");

document.addEventListener('keypress', e => {
  pressed.push(e.key);

  if (timeoutId) {
    clearTimeout(timeoutId);
  }

  timeoutId = setTimeout(() => {
    let text = pressed.join('') + "<br/>";
    node.innerHTML += text;
    pressed = [];
  }, 400);
});