外部のJavaScript

どのボタンを押しても結果は同じ

ExternalJavascript.js
const sand = document.querySelector('.sand');

function createParagraph() {
	let para = document.createElement('p');
	para.textContent = 'ボタンが押されました!';
	sand.appendChild(para);
}

const buttons = document.querySelectorAll('button');

for(let i = 0; i < buttons.length ; i++) {
	buttons[i].addEventListener('click', createParagraph);
}

参考: https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/What_is_JavaScript#external_javascript

learnJS Home