Как вызвать две функции onclick в JavaScript: методы и примеры

Чтобы выполнить два вызова функции по клику в JavaScript, вы можете использовать несколько подходов. Вот несколько способов:

  1. Встроенный вызов функции.
    Вы можете напрямую вызвать две функции, используя встроенный вызов функции в атрибуте onclick. Например:

    <button onclick="function1(); function2();">Click me</button>
  2. Анонимная функция.
    Создайте анонимную функцию, которая вызывает обе функции, и используйте ее в качестве обработчика onclick. Вот пример:

    <button onclick="javascript:(function(){ function1(); function2(); })();">Click me</button>
  3. Прослушиватель событий.
    Вместо использования атрибута onclickвы можете прикрепить прослушиватели событий к элементу с помощью JavaScript. Вот как этого можно добиться:

    <button id="myButton">Click me</button>
    <script>
     document.getElementById("myButton").addEventListener("click", function() {
       function1();
       function2();
     });
    </script>
  4. Отдельные функции.
    Вы можете создать отдельную функцию, которая вызывает обе функции, и использовать ее в качестве обработчика onclick. Вот пример:

    <button onclick="callBothFunctions()">Click me</button>
    <script>
     function callBothFunctions() {
       function1();
       function2();
     }
    </script>

Это несколько примеров того, как можно вызвать две функции по клику в JavaScript. Не стесняйтесь выбирать метод, который соответствует вашему конкретному случаю использования.