CodePen Embed - クリックイベント4

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<body>
  <div class="result">ボタンを押してください</div>
  <button class="button1">ボタン追加</button>
</body>

$(function() {
  $('.button1').on('click', function (e) {
    $('body').append('<button class="button2">ボタン2</button>');
  });
  $(document).on('click', '.button2', function (e) {
    $('.result').text('ボタン2が押されました');
  });
});

This Pen is owned by Qoomei@Web制作 on CodePen.

See more by @qmei03 on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.