¿Cómo usar el método alert() en JavaScript?

En este artículo, aprenderemos a usar el método alert() en JavaScript. El método alert() se utiliza para mostrar un cuadro de alerta en la ventana del navegador con algún mensaje o advertencia. Podemos usarlo como mensaje o como advertencia para el usuario.

Planteamiento: Para mostrar una alerta en la ventana del navegador, hacemos un botón. Cuando hacemos clic en el botón, se llama un detector de eventos de clic que llama a una función. En esa función, usamos el método alert() que contiene un mensaje para el usuario. Cuando hacemos clic en el botón, aparecerá la ventana de alerta en la ventana del navegador que contiene un mensaje o advertencia con un botón. 

Sintaxis:

alert(message/warning);

A continuación se muestra la implementación del enfoque anterior:

Ejemplo:

HTML

<!DOCTYPE html>
  
<html lang="en">
  <head>
    <style>
      body {
        /* path of the image */
        background-image: url(gfg_complete_logo_2x-min.png);
  
        /* Image is always centered*/
        background-position: center center;
  
        /* set the image fixed to the viewport */
        background-attachment: fixed;
  
        /* Not repeat image */
        background-repeat: no-repeat;
  
        /* Set background size auto */
        background-size: auto;
      }
    </style>
  </head>
  
  <body>
    <div style="margin-left: 500px; margin-top: 300px;">
      <button style="font-size: 20px;" 
       class="btn" onclick="fun()">
       click me
      </button>
    </div>
  
    <script>
      function fun(){
       alert("Welcome on gfg!");
      }
    </script>
  </body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por sachinchhipa44 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *