作品一覧に戻る
召喚を取り消せ

召喚を取り消せ

角濵空 04/03 13:03
アプリを動かす
コードを見る
<button id="summonBtn">召喚!</button>
<div id="stage"></div>
const btn = document.querySelector('#summonBtn');
const stage = document.querySelector('#stage');

btn.addEventListener('click', function() {
  // 精霊を作る
  const spirit = document.createElement('p');
  spirit.textContent = '✨ 精霊が現れた!';

  // 削除ボタンを作る
  const deleteBtn = document.createElement('button');
  deleteBtn.textContent = 'x';

  // 削除ボタンを押したら、精霊ごと消える
  deleteBtn.addEventListener('click', function() {
    spirit.remove();
  });

  // 精霊の中に削除ボタンを入れて、舞台に出す
  spirit.appendChild(deleteBtn);
  stage.appendChild(spirit);
});
管理者コメント(4件)
てる 04/03 13:48

d(^_^o)

matzkin-admin 04/03 13:49

こんにちは、matzkinです。

Kado 04/03 14:09

あいうえお かきくけこ さしすせそ たちつてと

うえっきー 04/03 14:18

どうも