JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content"></div>
<p id="dynamic-number">3500</p>
<div class="content"></div>

CSS

#dynamic-number {
    width: 100px;
    height: 40px;
    padding: 20px;
    background: #000;
    font: bold 35px Arial;
    color: #fff;
    text-align: center;
}

.content {
    width: 200px;
    height:800px;
    background: #333;
}

JavaScript

function setCounter() { 
    let curr = 0;
 
    let elem = document.getElementById("dynamic-number");
    let end = +elem.textContent;
 
  
    let interval = setInterval(count, 1);
 
    function count(){
        if( curr >= end  ) {
         clearInterval(interval);
           elem.textContent = end;
        }else{
         elem.textContent = ( curr += 10 ) ;
        }
        
               
    }
      count();
}

setCounter();