O prompt é um pouco diferente do alert() e do confirm(), pois ele necessita que o usuário insira algum valor, ou seja, precisa de uma interação direta do usuário para que ele funcione.
Para chamarmos a função utilizamos o prompt(), o qual irá receber uma string(mensagem) que será exibida, normalmente em forma de pergunta, ao usuário.
A estrutura básica dessa caixa de diálogo é:
Um campo input
Botão OK
Botão Cancelar
A função sempre irá retornar um valor, tudo que o usuário digitar no campo input será convertido em valor e será exibido na tela.
No exemplo da Listagem 3 iremos criar uma caixa de prompt onde o usuário deverá digitar a sua idade e a mesma será exibida para ele depois.
<!DOCTYPE html>
<html>
<head>
<title>Tutorial de Alert em JavaScript - Linha de Código</title>
</head>
<body>
<p>Clique para exibir.</p>
<button onclick="myFunction()">Clique aqui</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x;
var idade=prompt("Digite sua idade:");
if (idade!=null)
{
x="Idade: " + idade + " anos.";
document.getElementById("demo").innerHTML=x;
}
}
</script>
</body>
</html>
Para chamarmos a função utilizamos o prompt(), o qual irá receber uma string(mensagem) que será exibida, normalmente em forma de pergunta, ao usuário.
A estrutura básica dessa caixa de diálogo é:
Um campo input
Botão OK
Botão Cancelar
A função sempre irá retornar um valor, tudo que o usuário digitar no campo input será convertido em valor e será exibido na tela.
No exemplo da Listagem 3 iremos criar uma caixa de prompt onde o usuário deverá digitar a sua idade e a mesma será exibida para ele depois.
<!DOCTYPE html>
<html>
<head>
<title>Tutorial de Alert em JavaScript - Linha de Código</title>
</head>
<body>
<p>Clique para exibir.</p>
<button onclick="myFunction()">Clique aqui</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x;
var idade=prompt("Digite sua idade:");
if (idade!=null)
{
x="Idade: " + idade + " anos.";
document.getElementById("demo").innerHTML=x;
}
}
</script>
</body>
</html>
Nenhum comentário:
Postar um comentário