JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
   <html lang="pt-br">

     <head>
       <meta charset="UTF-8">
       <meta http-equiv="X-UA-Compatible" content="IE=edge">
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <title>Contador</title>
       <link rel="stylesheet" href="Contado.css">
     </head>

     <body>
       <header>
         <h1>Contador</h1>
       </header>
       <section>
         <div id="bloco">
           <p>InicĂ­o: <input type="number" name="inicio" id="init"></p>
           <p>Fim: <input type="number" name="fim" id="end"></p>
           <p>Salto: <input type="number" name="salto" id="jump"></p>
           <button onclick="calcular()">Calcular</button>
           <div class="result">
             Carregando resultado...
           </div>
         </div>
       </section>
       <script src="Contador.js"></script>
     </body>

   </html>

JavaScript

function calcular() {

  var init = document.querySelector('#init')

  var fim = document.querySelector('#end')

  var skip = document.querySelector('#jump')

  var res = document.querySelector('.result')

  let i = Number(init.value)

  let f = Number(fim.value)

  let s = Number(skip.value)

  for (; i < f; i += s) {

    res.innerHTML = res.innerHTML + "  " + i

  }

}