Div value not changing in Typescript

Question

HTML Code:
 

<div id="counterval" class="counter">0</div>

        <div class="buttons">

            <button onclick="IncrementVal()" id="increment">Increment</button>

        </div>

</div>

Ts code:
 

 

var buttonInc = document.getElementById("increment");

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

 

const counterDiv = document.getElementById("counterval");

 

var count=0;

 

 function IncrementVal()

 {

  count++;

  console.log("Count is : " + count)

  updateCounter();

 

 }

 

function updateCounter() {

  if(counterDiv)

    counterDiv.textContent = count.toString();

   console.log(counterDiv)

}

Why value is not updating on click