Div value not changing in Typescript

you're using both onclick in HTML and addEventListener in TypeScript for the same button.

Update your HTML to remove onclick

update your vm 

window.addEventListener("DOMContentLoaded", () => {
  const buttonInc = document.getElementById("increment");
  const counterDiv = document.getElementById("counterval");

  let count = 0;

  function updateCounter() {
    if (counterDiv) {
      counterDiv.textContent = count.toString();
    }
  }

  function IncrementVal() {
    count++;
    console.log("Count is:", count);
    updateCounter();
  }

  buttonInc?.addEventListener("click", IncrementVal);
});