Ir para conteúdo
Fórum Script Brasil
  • 0

Estou com esse programa mas ele não quer funcionar. Era pra ele fazer uma contagem simples com um valor inicial e final. Alguém pode me ajudar?


Carlos Daniel internet

Pergunta

<!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>
 
    <style>
        input {
            margin: 10px;
        }
 
        button {
            padding: 8px;
            background-color: green;
            color: white;
            font-size: 13pt;
        }
 
        div {
            padding-bottom: 15px;
            font-size: 13pt;
        }
       
       
 
    </style>
 
</head>
<body>
    <h1>Contador "inteligente"</h1>
 
    <div>
        Use qualquer valor nas caixas, simule contagens crescentes e regressivas. Use também valores negativos.<br>
        Valor final: <input id="inicio" type="number" placeholder="Início da contagem"><br>
        Valor final: <input id="fim" type="number" placeholder="Fim da contagem"><br>
 
        <button onclick="contar()">Contar</button>
 
    </div>
    <div id="res">
        Preencha os dados acima e aperte o botão
 
    </div>
   
    <script>
       
        var res = document.getElementById('res')
        var inicio = Number(document.getElementById('inicio').value)
        var fim = Number(document.getElementById('fim').value)
 
        function contar() {
            if(inicio < fim) {
                for(var x = inicio; x < fim; x ++) {
                    res.innerHTML += `${x} `
                   
                }
 
                } else if(inicio > fim) {
                    for(x = inicio; x > fim; x--) {
                        res.innerHTML += `${x} `
                    }
 
                } else {
                    res.innerHTML += 'Impossivel contar'
                }
 
            }
 
       
       
 
    </script>




 
</body>
</html>
Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

Olá!
Os valores inicio e fim, são gerados assim q a página é carregada.
Mova a declaração desses valores pra dentro da função contar, assim:
 

...
function contar() {
        var inicio = Number(document.getElementById("inicio").value);
        var fim = Number(document.getElementById("fim").value);

...

 

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...