Entrar Ainda não tem acesso?
2
respostas

Código falhando...

Referente ao curso JavaScript e HTML: desenvolva um jogo e pratique lógica de programação, no capítulo Interaja de maneira diferente com o usuário e atividade Campo de texto e botão

por Julio Moreno Possebon
| 55.5k xp | 108 posts

Boa tarde! Tudo bem?? Espero que sim!

Eu estava tentando utilizar o button para calcular uma área mas por algum motivo ele não funciona... O que está errado nesse código??

<!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>Document</title>
</head>
<body>

    <script>

        var x = parseInt(prompt("Digite aqui o lado do quadrado"))

        function calculaAreaQuadrado(texto) {

            var areaQuadrado = x*x
            document.write("A área do quadrado é: " + areaQuadrado )
            return areaQuadrado
        }


        var button = document.write("<button>Clique aqui para obter a área</button>") 
        button.onclik = calculaAreaQuadrado;






    </script>

</body>
</html>

Agradeço desde já!!

2 respostas
por Murillo Godoi Pedroso
| 720.3k xp | 1256 posts
Alura Scuba Team

Oi, Julio, como vai?

O erro está na declaração da variável button. Para buscar um botão no HTML e armazenar ele em uma variável precisamos utilizar o método querySelector do objeto document. O código correto ficará assim:

document.write("<button>Clique aqui para obter a área</button>") 
button  = document.querySelector("button");
button.onclick = calculaAreaQuadrado;

Espero ter ajudado.

Abraços e bons estudos!

por Julio Moreno Possebon
| 55.5k xp | 108 posts

Tentei desse jeito e deu certo! Mas por que deu certo sem precisar declarar um var antes do button?? Não teria que ser:

Var button = document.querySelector

??