Resumo : neste tutorial, você aprenderá como usar o prompt()
método JavaScript para exibir uma caixa de diálogo com uma mensagem solicitando a entrada do usuário.
Introdução ao prompt()
método JavaScript
O prompt()
é um método do window
objeto. O prompt()
método instrui o navegador da web a exibir uma caixa de diálogo com um texto, um campo de entrada de texto e dois botões OK
e Cancel
.
A caixa de diálogo solicita que o usuário insira algum texto e aguarde até que o usuário o envie ou cancele. O seguinte ilustra a sintaxe do prompt()
método:
let result = window.prompt(message, default);
Linguagem de código: JavaScript ( javascript )
Nesta sintaxe:
- A
message
é uma string a ser exibida. Se você omitir, nada será exibido na caixa de diálogo. - É
default
uma string que contém o valor padrão do campo de entrada de texto.
O resultado é uma string que contém o texto inserido pelo usuário ou null
.
Assim como alert()
e confirm()
, prompt()
é modal e síncrono. Em outras palavras, a execução do código para quando a caixa de diálogo é exibida e continua após a caixa de diálogo ser encerrada.
prompt()
Exemplos de JavaScript
Vamos dar alguns exemplos para ver como prompt()
funciona.
1) Exibir uma caixa de diálogo de prompt
O exemplo a seguir usa o prompt()
para exibir uma caixa de diálogo que solicita aos usuários suas linguagens de programação favoritas:
let lang = prompt('What is your favorite programming language?');
let feedback = lang.toLowerCase() === 'javascript' ? `It's great!` :
`It's ${lang}`;
alert(feedback);
Linguagem de código: JavaScript ( javascript )
2) Converta uma entrada do usuário em um número
O resultado de prompt()
é uma string. Se quiser obter a resposta como um número, você deve sempre transformar a string em um número.
O exemplo a seguir usa prompt()
para exibir uma caixa de diálogo que pergunta a idade dos usuários. Se os usuários tiverem 16 anos ou mais, eles serão elegíveis para participar. Caso contrário, eles não serão.
let ageStr = prompt('How old are you?');
let age = Number(ageStr);
let feedback = age >= 16 ?
'You're eligible to join.' :
'You must be at least 16 year old to join.';
alert(feedback);
Linguagem de código: PHP ( php )
Resumo
- O
prompt()
é um método dowindow
objeto. - O
prompt()
mostra uma caixa de diálogo que solicita ao usuário que insira um texto e aguarde até que o usuário envie ou cancele a caixa de diálogo. - O
prompt()
retorna uma string contendo uma string inserida pelo usuário ounull
se o usuário não inseriu nada.