JavaScript基礎 定数の使い方

JavaScriptの基礎のついて

定数の使い方

メリット：

・同じようなコードを書くとき、コードを短縮することができる。

・コード編集時にも' '内を変えるだけでいいので容易。

 

  <div id="target" class="box"></div>

    <script type="text/javascript">
      'use strict';
      const target = document.getElementById('target');
      target.addEventListener('click',function(){
        // document.getElementById('target').style.background = 'pink';
        // document.getElementById('target').style.borderRadius = '50%';
           target.classList.toggle('circle');
      });
    </script>

JavaScriptを書き始める際  <script type="text/javascript">

コードの書き間違えを防止するために記入　'use strict';

構文

const　変数名　=　格納したいコード

const target = document.getElementById('target');
      target.addEventListener('click',function(){

　  target.classList.toggle('circle');

});

constのtargetに対してdocument.getElementById('target')を格納しているため

格納後はtargetとコードを記入することで、document.getElementById('target')

と書いていること同じになる。

定数の使い方

メリット：

・同じようなコードを書くとき、コードを短縮することができる。

・コード編集時にも' '内を変えるだけでいいので容易。