17.条件文の運用

冗長で離れたnight、dayボタンを削除し、1つのボタンでnightモードとdayモードを越える機能を実現する時だ.
.
.
.

<input id="night_day" type="button" value="night" onclick="
  if (document.querySelector('#night_day').value == 'night'){
    document.querySelector('body').style.backgroundColor='black';
    document.querySelector('body').style.color='white';
    document.querySelector('#night_day').value = 'day';
  } else {
    document.querySelector('body').style.backgroundColor='white';
    document.querySelector('body').style.color='black';
    document.querySelector('#night_day').value = 'night';
  }
  ">

document.querySelector('#night_day').value:id値night dayのタグの値
条件文の上部---
ボタンの値が夜間の場合、ボタンを押すと夜間モードが実行され、ボタンの値が昼間に変更されます.document.querySelector('#night_day').value = 'day';:nightボタンidがnight dayのタグの値をdayに変更
条件文の下部---
上のボタンと同様に、値がdayのボタンを押すと、ボタン値が夜になります.document.querySelector('#night_day').value = 'day';:nightボタンidがnight dayのタグの値をnightに変更