<div class="app">
    <div>
        <input id="input" />
        <div class="output"></div>
    </div>  
</div>

.app {
  min-height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

const input = document.getElementById("input");
const output = document.querySelector(".output");

let counter = 0;

const getData = () => {
  console.log("fetch data");
  counter++;
  output.innerText = "fetch data " + counter++;
};

input.addEventListener("keyup", getData);