var e prompt | Programação

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>boas-vindas</h1>
    <button id="bto">inicie o desafio</button>

    <script>

       
       
       function botão0 () {
            prompt ("qual é seu nome?")
            parseInt (prompt ( nome + ",qual é a sua idade?") )
            prompt ("acabei de conhecer" + nome + "que tem" + idade + "anos de idade")
        }
        
        var nome =  prompt ("qual é seu nome?")
        var idade = parseInt (prompt ( nome + ",qual é a sua idade?") )
        var botão = document.querySelector ("#bto");
        botão.onclick = botão0;
    </script>

    <script>

    </script>
</body>
</html>

undefined

quando eu dou enter o nome da pessoa não aparece e nem a idade e não sei dizer oque estou fazendo de errado.

Olá, Amanda! Tudo bem?

Muito legal seu exercício. Realizei algumas modificações para a implementação funcionar da forma esperada.

Dentro do elemento <body>, temos os elementos que serão exibidos na página
<h1>boas-vindas</h1>: Isso cria um título de primeiro nível exibido como "boas-vindas" na página.
<button id="bto" onclick="botao()">inicie o desafio</button> : Isso cria um botão com o texto "inicie o desafio". O atributo id="bto" atribui um identificador único ao botão, e o atributo onclick="botao()" define que a função botao() será chamada quando o botão for clicado.
<p id='texto'></p> : Isso cria um parágrafo vazio com um identificador único "texto".
<script>...</script>: Esta seção contém código JavaScript que será executado no navegador. A função botao() é definida aqui. Quando o botão é clicado, a função é chamada. Ela usa a função prompt() para solicitar ao usuário seu nome e idade. A variável nome armazena o valor inserido pelo usuário na primeira caixa de diálogo e a variável idade armazena o valor inserido na segunda caixa de diálogo. Em seguida, o conteúdo do elemento com o id "texto" é atualizado usando document.getElementById("texto").textContent, que exibe uma mensagem contendo o nome e a idade fornecidos pelo usuário.

No geral, o código cria uma página com um botão que solicita ao usuário seu nome e idade e exibe uma mensagem com essas informações na página.

Além disso também modifiquei o nome das funções e variáveis para seguir um padrão nomenclatura. Para conhecer mais sobre o tema, sugiro a leitura do artigo Convenções de nomenclatura: Camel, Pascal, Kebab e Snake case

<html lang="pt-br">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <h1>boas-vindas</h1>
  <button id="bto" onclick="botao()">inicie o desafio</button>
  <p id='texto'></p>

  <script>
    function botao() {
      let nome = prompt("qual é seu nome?")
      let idade = parseInt(prompt(nome + " ,qual é a sua idade?"))
      let textoBotao = document.getElementById("texto").textContent = "acabei de conhecer " + nome + " que tem " + idade + " anos de idade"
    }
  </script>
</body>

</html>

Deixei também um link no codepen para você visualizar o código funcionando: https://codepen.io/miasensei/pen/GRwoPBN?editors=1011

Mergulhe em programação