Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Estou preso no dia 2 do 7DaysOfCode

Eu já mudei o código várias vezes e nenhuma vez obtive o resultado desejado. Era pro botão 'enviar' fazer com que a mensagem aparecesse :/ vou deixar os códigos html e javascript aqui

HTML

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Day2</title>
    <link rel="stylesheet" href="style.css">
</head>
<body class="perguntas">
    <div>
        <p class="nome">Qual seu nome? <input type="text" required> </p>
        <p class="idade">Qual sua idade? <input type= "number" required> </p>
        <p class="linguagem">Que linguagem você estuda? <input type="text" required> </p>
        <input class="botao" type="submit" onclick='return msg()'> 
    </div>
    <script src="main.js"></script>
</body>
</html>

JS

// var nome = prompt("Qual é o seu nome?");
// var idade = parseInt(prompt("Qual é a sua idade?"));
// var linguagem = prompt("Que linguagem você estuda?");


function msg() {
    if (nome !== "" && idade > 0 && linguagem !== "") {
        var mensagem = "Olá " + nome + ", você tem " + idade + " anos e estuda " + linguagem + "!";
        alert(mensagem);
    } else {
        alert("Por favor, preencha todos os campos corretamente.");
    }
}
1 resposta
solução!

Opa Ryan, tudo certo?

No seu código JavaScript, você tentou definir a função msg() para lidar com o evento de clique no botão "Enviar". No entanto, percebo que você está tentando acessar variáveis (nome, idade e linguagem) que não estão definidas dentro dessa função. As variáveis em questão estão comentadas e obtinham as informações via prompt().

Uma solução seria descomentar as linhas de código que estão comentadas no seu arquivo JavaScript se o objetivo é utilizar um prompt, porém, se o intuito é utilizar um input como um formulário, recomendo dar uma olhadinha no método document.querySelector() para obter os valores dos campos de entrada no HTML. Aqui está alguns conteúdos sobre o método:

Fico à disposição.

Tenha um bom dia e bons estudos.