JavaScriptでの一つのイベントに対する複数のハンドラ

一つの要素に複数の関数を同時にバインドすることができます。 例を見てみましょう。ボタンがあるとします:

html<input id="button" type="submit">

2つの関数があるとします:

javascriptfunction func1() {
  console.log('1');
}

function func2() {
  console.log('2');
}

ボタンへの参照を変数に取得します:

javascriptlet button = document.querySelector('#button');

では、このボタンにクリックハンドラとして 最初の関数と2番目の関数の両方をバインドしてみましょう:

javascriptbutton.addEventListener('click', func1);
button.addEventListener('click', func2);
Задание 1

以下の段落があるとします:

html<p id="elem">text</p>

以下の関数があるとします:

javascriptfunction func1() {
  console.log('1');
}

function func2() {
  console.log('2');
}

function func3() {
  console.log('3');
}

これらすべての関数を段落にバインドしてください。