基本に立ち戻り、JSの勉強中。自分への備忘録

チェックボックスのON・OFFで表示と非表示を切り替える。

'use strict';
{
  // ロード時に非表示にする
  window.addEventListener('load', function (loadfinished) {
    document.querySelector('#appear').style.display = "none";
  })

  // チェックボックス探査
    document.querySelectorAll('input[name=ck1]').forEach(function (element) {

      element.addEventListener('change', function (click_element) {

        if (element.checked) {
          document.querySelector('#appear').style.display = "block";
        } else {
          document.querySelector('#appear').style.display = "none";
        }

      });
    });
  }

なんか、時間があればなんでも出来るような気がしてきました。