O alerta() O método em JavaScript é usado para exibir uma caixa de alerta virtual. É usado principalmente para enviar uma mensagem de aviso aos usuários. Ele exibe uma caixa de diálogo de alerta que consiste em alguma mensagem especificada (que é opcional) e um botão OK. Quando a caixa de diálogo aparecer, temos que clicar em ‘OK’ para continuar.

A caixa de diálogo de alerta assume o foco e força o usuário a ler a mensagem especificada. Portanto, devemos evitar o uso excessivo desse método, pois ele impede o usuário de acessar outras partes da página até que a caixa seja fechada.

Podemos entender a utilidade do método de alerta usando um exemplo. Suponha que tenhamos que preencher um formulário para obter uma carteira de identidade. Pergunta sobre a data de nascimento para os critérios de elegibilidade da carteira de identidade. Se a idade for igual ou superior a 18 anos, o processo continuará. Caso contrário, mostrará uma mensagem de aviso informando que a idade é inferior a 18 anos. Esta mensagem de aviso é a 'Caixa de Alerta'.

Outro exemplo é supor que um usuário seja obrigado a preencher o formulário no qual alguns campos obrigatórios são obrigatórios para inserir algum texto, mas o usuário se esquece de fornecer a entrada. Como parte da validação, podemos utilizar a caixa de diálogo de alerta para mostrar uma mensagem de aviso relacionada ao preenchimento do campo de texto.

Em vez de mostrar avisos ou erros, a caixa de diálogo de alerta pode ser usada para mensagens normais como ' bem-vindo de volta', 'Olá XYZ' , etc.

Sintaxe

 alert(message) 

Valores

mensagem: É uma sequência opcional que especifica o texto a ser exibido na caixa de alerta. Consiste nas informações que queremos mostrar aos usuários.

Vejamos alguns exemplos do JavaScript método alerta().

Exemplo 1

Neste exemplo, há uma caixa de diálogo de alerta simples com uma mensagem e um botão OK. Aqui, há um Botão HTML que é usado para exibir a caixa de alerta. Estamos usando o ao clicar atributo e chame o diversão() função onde o alerta() é definido.

 function fun() { alert (&apos;This is an alert dialog box&apos;); } <p> Click the following button to see the effect </p> 

Saída

Após clicar no botão, a saída será -

Exemplo2

Neste exemplo, há uma caixa de diálogo de alerta com uma mensagem e um botão OK. Aqui, estamos usando as quebras de linha na mensagem da caixa de alerta. As quebras de linha são definidas usando o ' ' . As quebras de linha tornam a mensagem legível e clara. Temos que clicar no botão fornecido para ver o efeito.

 function fun() { alert (' Hello World 
 Welcome to the javaTpoint.com 
 This is an alert dialog box &apos;); } <p> Click the following button to see the effect </p> 

Saída

Após clicar no botão, a saída será -

Exemplo

Neste exemplo, há uma caixa de diálogo de alerta com uma mensagem e um botão OK. Aqui, a caixa de alerta exibe o URL da página correspondente. O URL é definido usando o alerta(localização.hostname); declaração.

 function fun() { alert(location.hostname); } <p> Click the following button to see the effect </p>