ClearInterval: The function body was executed after the expected time but i can't seem to get it off the screen afterwards

Question

The clearInterval() method is not working after execution of the function body. here's the code snippet:

const clearAll = () =>{
   const del = setTimeout(() => Display.textContent = 'deleted',100);
  clearTimeout(del)
}
clearBtn.addEventListener("click", clearAll)

Answer 1

It seems you delete the timeout before it happens at least once. Try calling clearTimeout after it executes.

const clearAll = () => {
   const del = setTimeout(() => {
      Display.textContent = 'deleted';
      clearTimeout(del);
   }, 100);
};
clearBtn.addEventListener("click", clearAll);