¿Cómo llamar a la función JavaScript en HTML?

En este artículo, veremos cómo llamar a la función de JavaScript en HTML con dos enfoques que se analizan a continuación.

Enfoque 1: Primero, tome un botón por la etiqueta de entrada. Después de hacer clic en el botón, puede ver un cuadro de diálogo que aparece en la pantalla que ya se ha declarado en la función de JavaScript como una alerta. La función clickEvent () permite ejecutar alert() cuando se hace clic en este botón usando el método onclick() .

Ejemplo:

HTML

<!DOCTYPE html>
<html>
 
<body>
    <input type="button" onclick="clickEvent();"
        value="button" />
    <script>
        function clickEvent() {
            alert("Who!! You have discovered");
        }
    </script>
</body>
 
</html>

Producción:

Enfoque 2: al usar el método display() en JavaScript, puede ver el resultado GeeksForGeeks en la etiqueta h1.

Ejemplo:

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>Call JavaScript function in HTML</title>
</head>
 
<body>
    <script>
        function display() {
            document.write("<h1>GeeksForGeeks</h1>");
        }
        display();
    </script>
</body>
 
</html>

Producción:

etiqueta h1

Publicación traducida automáticamente

Artículo escrito por sifa199910 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 *