Jump to content

Fui testar um codigo que estou fazendo e não roda, alguem pode me dizer o que esta errado?


pedro afonso

Postagens Recomendadas

OBS: Ainda não sei colocar  o código direito

 

<!DOCTYPE html>

<html lang="pt-BR">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Somador de números</title>

    <style>

        body{

            font: normal 18pt Arial;

        }

        input{

            font: normal 18pt Arial;

            width: 100px;

        }

        div#res{

            margin-top: 20px;

        }

    </style>

</head>

<body>

    <h1>Somando Valores</h1>

    <input type="number" name="txtn1" id="txtn1"> +

    <input type="number" name="txtn2" id="txtn2">

    <input type="button" value="Somar" onclick="somar()">

    <div id ="res">Resultado</div>

    <script>

        function somar() {

            var tn1 = window.document.getElementById('txtn1')

            var tn2 = window.document.querySelector('input#txtn2')

            var res = window.document.getElementById('res')

            var n1 = Number(tn1.value)

            var n1 = Number(tn2.value)

            var s = n1 + n2

            res.innerHTML = `A soma entra ${n1} e ${n2} é ${s}`

        }

    </script>

</body>

</html>

 

Editado por pedro afonso
Link to comment
Compartilhe em outros sites

  • pedro afonso mudou o título para Fui testar um codigo que estou fazendo e não roda, alguem pode me dizer o que esta errado?

Opa, tudo bem?

Ao abrir HTML no navegador é possível utilizar as ferramentas de desenvolvimento(F12) para analisar erros. Quando tentei executar a função somar obtive o erro:

"Uncaught ReferenceError: n2 is not defined"

Ou seja, você não definiu a variável n2 antes de usa-la.

var n1 = Number(tn1.value)
var n1 = Number(tn2.value) //Atribuindo valor para n1, mas deveria ser n2
var s = n1 + n2

Atribuir valor corretamente na variável n2 deve deixar seu código funcional

var n1 = Number(tn1.value)
var n2 = Number(tn2.value)
var s = n1 + n2

 

  • Amei 1
Link to comment
Compartilhe em outros sites

Crie uma conta ou entre para comentar 😀

Você precisa ser um membro para deixar um comentário.

Crie a sua conta

Participe da nossa comunidade, crie sua conta.
É bem rápido!

Criar minha conta agora

Entrar

Você já tem uma conta?
Faça o login agora.

Entrar agora


×
×
  • Create New...