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.");
}
}