Caixas pop -up em javascript
Existem três caixas pop -up diferentes disponíveis no JavaScript; Alertar, solicitar e confirmar a caixa e exploraremos cada uma das caixas pop -up neste post.
Qual é a caixa de alerta?
A caixa de alerta é uma caixa mostrada no centro superior da janela do navegador e é usada principalmente para mostrar avisos ao usuário. Outras partes do programa parariam de executar, a menos que o usuário feche a caixa de alerta. Para fechar a caixa pop -up de alerta, basta clicar no botão OK presente na caixa de alerta. O sintaxe Para a caixa de alerta é:
alerta ("aviso");Vamos ver um exemplo em que estamos exibindo um Olá! Mensagem na caixa de alerta. O código JavaScript está presente abaixo:
No código acima, definimos um botão e inicializamos um ONCLICK evento nele, o que significa sempre que o usuário clica no Clique em mim botão, myfunc () será executado. Após a inicialização da tag de botão, inicializamos a tag de script na qual todo o nosso código JavaScript estará presente. Dentro das tags de script, definimos uma função e dentro da função, mostramos um alerta dando a mensagem de Olá! A saída do código acima é mostrada abaixo:
Podemos ver que quando o usuário clica no botão, o Olá! alerta apareceu.
Qual é a caixa imediata?
A caixa de prompt é usada principalmente para obter informações de um usuário e aparece no centro superior do navegador quando invocado. Os dados de entrada também estão disponíveis após fecharmos a caixa Prompt e, se você deixar o campo de entrada na caixa Prompt vazia, ele retornará um valor nulo. A sintaxe para a caixa imediata é:
Prompt ("Mensagem Prompt aqui");Vamos passar por um exemplo para entender melhor a caixa imediata.
No código acima, estamos recebendo uma entrada usando a caixa de prompt e salvando -a no nome da variável. Depois que o nome é salvo, console o log do nome de usuário que foi inserido. A saída do código acima está abaixo:
Veremos o nome na janela do console agora:
O que é uma caixa de confirmação?
O terceiro e último tipo de caixa pop -up JavaScript nos oferece é a caixa de confirmação cuja função é obter permissão ou autorização do usuário. Se o usuário dar permissão, ele/ela terá que clicar no botão OK, caso contrário, ele/ela terá que clicar no botão Cancelar. O sintaxe Para confirmar, a caixa é:
confirmar ("permissão vai aqui");Agora vamos passar por um exemplo da caixa de confirmação.
No código acima, dentro da função, estamos verificando se o usuário clicou no "OK" botão ou botão de cancelamento. Se o usuário clicar no OK botão então veremos “Ok, pressionado!” No log do console, caso contrário, veremos "Cancelar!” No log do console.
Vamos ver a saída no log do console quando clicarmos no botão OK da caixa Confirmar:
Agora vamos ver a saída quando clicarmos no botão Cancelar no log do console:
O console mostra a seguinte saída:
Conclusão
O JavaScript nos oferece três tipos de caixas pop-up que são usadas para mostrar uma mensagem, aviso ou notificação a um usuário usando nosso aplicativo da web ou página da web. As três caixas pop -up são; Alertar, solicitar e confirmar a caixa. A caixa pop -up de alerta é usada para mostrar um aviso para um usuário, enquanto a caixa pop -up imediata é usada para receber a entrada do usuário e a caixa de confirmação final é usada para obter permissão de um usuário.
Neste post, discutimos as três caixas pop -up em JavaScript, juntamente com sua implementação e capturas de tela da saída no JavaScript.