Ao abrir qualquer site, você pode ver pop-ups de alerta às vezes. Essas caixas de alerta do JavaScript são úteis para alertar os usuários sobre algo importante. Quando uma caixa de alerta JavaScript é acionada, uma pequena caixa aparece e exibe o texto que você especificou em seu código. Neste artigo, veremos como funciona o alerta em JavaScript, na seguinte sequência:
Vamos começar.
Caixas pop-up em JavaScript
Em JavaScript, você pode encontrar três tipos de caixas pop-up:
pl tutorial sql para iniciantes com exemplos
Caixa de alerta- Uma caixa de alerta é usada principalmente para garantir que as informações cheguem ao usuário. Quando uma caixa de alerta aparecer, você precisa clicar em “OK” para continuar.
Caixa de confirmação- Uma caixa de confirmação é usada principalmente para verificar ou aceitar algo para o usuário. Quando uma caixa de confirmação aparece, o usuário precisa clicar em “OK” ou “Cancelar” para prosseguir. Se o usuário clicar em “OK”, a caixa retorna verdadeiro. Se o usuário clicar em “Cancelar”, a caixa retorna falso.
Caixa de prompt- Uma caixa de prompt é usada pelo usuário para insira um valor antes de entrar em uma página. Quando uma caixa de prompt aparece, o usuário precisa 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á nulo.
Esses eram os diferentes tipos de caixas pop-up. Portanto, vamos aprofundar a caixa de alerta e ver como você pode criar uma caixa de alerta em JavaScript.
Alerta em JavaScript
o alerta() método em JavaScript exibe uma caixa de alerta com uma mensagem especificada e um botão OK. Geralmente é usado para garantir que as informações cheguem ao usuário.
A caixa de alerta tira o foco da janela atual e força o navegador a ler a mensagem. Portanto, você deve evitar o uso excessivo deste método, pois impede que o usuário acesse outras partes da página até que a caixa seja fechada.
Sintaxe:
alerta (mensagem)
Aqui, a mensagem é um tipo que especifica o texto a ser exibido na caixa de alerta ou um objeto convertido em uma string e exibido. Isso é opcional.
Exemplo:
function myFunction () {alert ('Este é um Alerta!')}Resultado:
Como criar um alerta em JavaScript?
o alerta() método em JavaScript exibe uma caixa de alerta. Ele exibe uma mensagem especificada junto com um Está bem e é geralmente usado para garantir que o usuário obtenha as informações. Ele retorna uma string que representa o texto a ser exibido na caixa de alerta. Vamos dar um exemplo e ver como criar um alerta em JavaScript:
lista de eventos javascript com exemplos
Método Alert () em JavaScript h1 {color: Blue} h2 {font-family: Impact} body {text-align: center}Alerta em JavaScript
Para exibir a mensagem de alerta, clique no botão 'Mostrar mensagem de alerta':
Mostrar função de mensagem de alerta myalert () {alert ('Esta é a mensagem de alerta!')}Resultado:
Depois de clicar duas vezes no botão, você obterá o seguinte resultado:
Com isso, chegamos ao final do nosso artigo. Espero que você tenha entendido o que é um alerta em JavaScript e como pode criar uma caixa de alerta.
Confira nosso que vem com treinamento ao vivo conduzido por instrutor e experiência em projetos da vida real. Este treinamento torna você proficiente em habilidades para trabalhar com tecnologias da web de back-end e front-end. Inclui treinamento em Desenvolvimento Web, jQuery, Angular, NodeJS, ExpressJS e MongoDB.
Tem alguma questão para nós? Mencione isso na seção de comentários do blog “Alerta em JavaScript” e entraremos em contato com você.