Как вызвать функцию JavaScript в HTML?

На чтение 2 мин Просмотров 5.7к. Опубликовано 15.08.2021

В этой статье мы увидим, как вызвать функцию JavaScript в HTML с помощью двух подходов, которые обсуждаются ниже.

Подход 1. Сначала возьмите кнопку у тега ввода. После нажатия кнопки вы можете увидеть всплывающее на экране диалоговое окно, которое уже было объявлено в функции JavaScript как предупреждение. Функция clickEvent () позволяет запускать alert () при нажатии этой кнопки с помощью метода onclick ().

Пример:

HTML

<!DOCTYPE html>

<html>

<body>

    <input type="button" onclick="clickEvent();"

        value="button" />

    <script>

        function clickEvent() {

            alert("Whoo!! You have discovered");

        }

    </script>

</body>

</html>

Выход:

Подход 2. Используя метод display () в JavaScript, вы можете увидеть вывод bestprogrammer в теге h1.

Пример:

HTML

<!DOCTYPE html>

<html>

<head>

<title>Call JavaScript function in HTML</title>

</head>

<body>

<script>

function display() {

document.write("<h1>bestprogrammer</h1>");

}

display();

</script>

</body>

</html>