実践編③クリックで配列の要素をHTMLに表示する【JavaScriptの書き方入門】

ターゲット.addEventListener("click", function() {
  // 実行する処理
});

const btn = document.getElementById("gacha-button");

btn.addEventListener("click", function() {
  // 実行する処理
});

const btn = document.getElementById("gacha-button");

btn.addEventListener("click", function() {
  const num = Math.floor(Math.random() * kakugen_items.length );
});

const btn = document.getElementById("gacha-button");
const disp = document.getElementById("gacha-display");

btn.addEventListener("click", function() {
  const num = Math.floor(Math.random() * kakugen_items.length );
  disp.innerHTML = kakugen_items[num];
});

/* 格言ガチャ */
#gacha-display{
  margin-top: 1rem;
  min-height: 3rem;
}

#gacha-button{
  margin-bottom: 3rem;
}