Caixas pop-up JavaScript
JavaScript tem três tipos de caixas pop-up: caixa de alerta, caixa de confirmação e caixa de prompt.
Caixa de Alerta
Uma caixa de alerta é frequentemente usada se você quiser garantir que as informações cheguem ao usuário.
Quando uma caixa de alerta aparecer, o usuário terá que clicar em "OK" para prosseguir.
Sintaxe
window.alert("sometext");
O window.alert()método pode ser escrito sem o prefixo da janela.
Exemplo
alert("I am an alert box!");
Caixa de confirmação
Uma caixa de confirmação é frequentemente usada se você deseja que o usuário verifique ou aceite algo.
Quando uma caixa de confirmação aparecer, o usuário terá que clicar em "OK" ou "Cancelar" para continuar.
Se o usuário clicar em "OK", a caixa retornará true . Se o usuário clicar em "Cancelar", a caixa retornará false .
Sintaxe
window.confirm("sometext");
O window.confirm()método pode ser escrito sem o prefixo da janela.
Exemplo
if (confirm("Press a button!")) {
txt = "You
pressed OK!";
} else {
txt = "You pressed Cancel!";
}
Caixa de Prompt
Uma caixa de prompt geralmente é usada se você quiser que o usuário insira um valor antes de entrar em uma página.
Quando uma caixa de prompt aparecer, o usuário terá que clicar em "OK" ou "Cancelar" para continuar após inserir um valor de entrada.
Se o usuário clicar em "OK" a caixa retornará o valor de entrada. Se o usuário clicar em "Cancelar" a caixa retornará null.
Sintaxe
window.prompt("sometext","defaultText");
O window.prompt()método pode ser escrito sem o prefixo da janela.
Exemplo
let person = prompt("Please enter your name", "Harry Potter");
let text;
if
(person == null || person == "") {
text = "User cancelled
the prompt.";
} else {
text = "Hello " + person + "!
How are you today?";
}
Quebras de linha
Para exibir quebras de linha dentro de uma caixa pop-up, use uma barra invertida seguida do caractere n.
Exemplo
alert("Hello\nHow are you?");