header内に直接スクリプトを書くタイプ
多分もう使わない
DOMContentLoadedを付けるとbodyが完全に解析された後にスクリプトの実行が始まる
(たぶんasyncと同じ読み込まれ方をする)
(deferとほぼ同じ)
→メモ
InternalJavascript.html
<script>
document.addEventListener("DOMContentLoaded", function() {
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);
}
});
</script>