<!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> function contar() { let inicio= document.getElementById('inicio').value let fim= document.getElementById('fim').value let passo= document.getElementById('passo').value let res= document.getElementById('res') res.innerHTML=`Resultado:<br>` if(inicio!=0 && fim!=0 && passo!=0){ for(let c = inicio ; c <= fim ; c += passo) { res.innerHTML+=`${c}` } } else{ alert('[ERRO] Não foi inserido os valores corretamente, tente novamente.') } } <!-- language: lang-css --> body{ background: rgb(2, 168, 168); font: normal 20pt Arial; width: 600px; margin: auto; margin-top: 200px; } header{ color: white; text-align: center; } section{ background: white; border-radius: 10px; padding: 15px; width: 500px; margin: auto; box-shadow: 6px 6px 6px 6px rgba(0, 0, 0, 0.288); text-align: left; } footer{ color: white; text-align: center; font-style: italic; } <!-- language: lang-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>Exercício Repetição</title> <link rel="stylesheet" type="text/css" href="estilo.css"> </head> <body > <header> <h1 id="title">Repetições</h1> </header> <section> <div id="inputs"> <p> <label>Início:</label> <input type="number" id="inicio"> </p> <label>Fim:</label> <input type="number" id="fim"> <p> <label>Passo:</label> <input type="number" id="passo"> </p> <input type="button" value="Contar" onclick="contar()"> </div> <div id="res"> </div> </section> <footer> <p>© Joao</p> </footer> <script src="script.js"></script> </body> </html> <!-- end snippet --> Aqui: if(inicio!=0 && fim!=0 && passo!=0){ for(let c = inicio ; c <= fim ; c += passo) { res.innerHTML+=`${c}` } }