Ir ao conteúdo
Regras do Clube do Hardware

Javascript Somar input no navegador usando Javascript

navegador2

Por navegador2
em Web e banco de dados

 Compartilhar
Ir à solução Resolvido por Marcelo Calazans,

Posts recomendados

navegador2
 

navegador2

Postado
Postado

Colegas eu já tenho uma boa prática em html 5 e css, estou agora aprendendo Javascript, fiz uma função para somar 2 inputs digitadas pelo usuário, mas não está somando. Por favor vejam onde está o erro e eu não consegui localizar.

Obs. Como sou novo em js deve ser algum vacilo. 

<!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>Teste JavaScript</title>
</head>
<body>
    <fieldset>
    <legend>Soma dos Números</legend>
    <label>Primeiro Valor:</label>
    <input id="numero1" type="text"> </br>
    <label>Segundo Valor: </label>
    <input id ="numero2"type="text"> </br>
    <button id="somar" onclick="somarvalores()">SOMAR</button>
</fieldset>

<script>
        function somarvalores() {
        var num1 = document.getElementById("numero1").value;
        var num2 = documento.getElementById("numero2").value;
        var soma = parseInt(num1) + parseInt(num2);
        window.alert(soma);
    }
</script>


   
</body>
</html>

 

  • Solução
Marcelo Calazans
 

Marcelo Calazans

Postado
  • Solução
Postado

@navegador2

Compreendo, vamos lá então:

 

O seu também estava correto, no seu modelo eu acho que o problema foi um erro de digitação, segue abaixo o seu funcionando:

  

<!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>Teste JavaScript</title>
</head>
<body>
    <fieldset>
    <legend>Soma dos Números</legend>
    <label>Primeiro Valor:</label>
    <input id="numero1" type="text"> </br>
    <label>Segundo Valor: </label>
    <input id ="numero2"type="text"> </br>
    <button id="somar" onclick="somarvalores()">SOMAR</button>
</fieldset>

<script>
        function somarvalores() {
        var num1 = document.getElementById("numero1").value;
        var num2 = document.getElementById("numero2").value;
        var soma = parseInt(num1) + parseInt(num2);
        window.alert(soma);
    }
</script>


   
</body>
</html>

 

A única coisa que eu alterei.

 

Troquei isso: 

var num2 = documento.getElementById("numero2").value;

Por isso: 

var num2 = document.getElementById("numero2").value;

 

Teste para ver, está funcionando agora.

 

Abraços.

navegador2
 

navegador2

Postado
  • Autor
Postado
  Em 20/02/2021 às 12:39, Marcelo Calazans disse:

@navegador2

Compreendo, vamos lá então:

 

O seu também estava correto, no seu modelo eu acho que o problema foi um erro de digitação, segue abaixo o seu funcionando:

  

<!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>Teste JavaScript</title>
</head>
<body>
    <fieldset>
    <legend>Soma dos Números</legend>
    <label>Primeiro Valor:</label>
    <input id="numero1" type="text"> </br>
    <label>Segundo Valor: </label>
    <input id ="numero2"type="text"> </br>
    <button id="somar" onclick="somarvalores()">SOMAR</button>
</fieldset>

<script>
        function somarvalores() {
        var num1 = document.getElementById("numero1").value;
        var num2 = document.getElementById("numero2").value;
        var soma = parseInt(num1) + parseInt(num2);
        window.alert(soma);
    }
</script>


   
</body>
</html>

 

A única coisa que eu alterei.

 

Troquei isso: 

var num2 = documento.getElementById("numero2").value;

Por isso: 

var num2 = document.getElementById("numero2").value;

 

Teste para ver, está funcionando agora.

 

Abraços.

Expandir  

Marcelo, valeu! Deu certo. Vacilei e não vi a letra o a mais. Muito obrigado.

  • Curtir 1

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora
 Compartilhar
Ir à lista de tópicos

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Mostrar mais  

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

Mostrar mais  

Mais

×
×
  • Criar novo...