JavaScript 基礎

div を動的に生成してみた。

<script type="text/javascript">
      'use strict';

    //空のdiv要素作成
    const div = document.createElement('div');
   

　//boxを作るため、divにboxをaddする
    div.classList.add('box');
   

　//イベントリスナーを付ける
    div.addEventListener('click',function(){
     

　//サークルを作りたいので、toggleを設定
      div.classList.toggle('circle');
    });

　//↓ブラウザーに表示させるために書いている
　//divの最後の要素として認識されるため、ブラウザーに表示させる
    document.body.appendChild(div);
    </script>