O método prompt() é uma parte importante da interação do JavaScript com o usuário. É uma das maneiras mais simples de obter entrada de um usuário através de uma pequena caixa de diálogo pop-up. Você frequentemente verá isso usado em casos onde a página da web precisa de uma informação do usuário, como um nome ou algum outro tipo de entrada de texto. Então, o que exatamente o método prompt() faz? Ele abre uma caixa de diálogo que solicita ao usuário alguma entrada e então retorna o texto digitado pelo usuário como uma string. O método prompt() recebe dois argumentos: O primeiro é a mensagem que aparecerá dentro da caixa de diálogo, normalmente solicitando que o usuário insira informações. E o segundo é um valor padrão que é opcional e preencherá o campo de entrada inicialmente.

prompt(message, default);

Aqui está um exemplo de como funciona. NOTA: este exemplo inclui código que você ainda não aprendeu. Não se preocupe em tentar entender tudo no código. Isso é apenas para ilustrar como o método prompt() funciona e garantir que o prompt não apareça imediatamente quando a página carregar, o que pode ser visto como intrusivo. Se você tiver o editor interativo ativado, pode experimentar por conta própria.

<button id="prompt-btn">Show Prompt</button>
<p id="output"></p>
<script src="index.js"></script>

const btn = document.getElementById("prompt-btn");
const output = document.getElementById("output");
btn.addEventListener("click", () => {
  const userName = prompt("What is your name?", "Guest");
  output.textContent = "Hello, " + userName + "!";
});

Neste exemplo, quando o usuário clica no botão, o método prompt() exibe uma caixa de diálogo com a mensagem What is your name? e um campo de entrada que inicialmente contém o valor Guest. Se o usuário digitar seu nome e pressionar "OK", a variável userName armazenará o valor inserido. Se o usuário pressionar "Cancelar," a variável userName será definida como null. null significa que o usuário não forneceu nenhuma entrada. The output paragraph will then display a greeting message using the provided name or null if the user canceled. You will learn techniques to avoid displaying null when a user cancels the prompt in future lessons. Tenha em mente que o método prompt() irá pausar a execução do script até que o usuário interaja com a caixa de diálogo. Isso significa que o restante do seu código JavaScript não será executado até que o usuário forneça uma entrada e clique em "OK" ou cancele o prompt. Outro ponto a considerar é que, embora prompt() seja útil para testes rápidos ou pequenas aplicações, ele geralmente é evitado em aplicações web modernas e complexas devido à sua natureza disruptiva e comportamento inconsistente entre diferentes navegadores. Ao entender o método prompt(), você obtém uma maneira simples de interagir com os usuários e recuperar informações diretamente pelo navegador, mesmo que ele não seja amplamente usado em aplicações web modernas.