時間帯で変わるメッセ―ジ!!

時間で表示変化

  1. HOME
  2. 論理演算子

JavaScript論理演算子
~時間帯でメッセージ内容が変わるよ~

ページを開いた時刻によってアラートダイアログボックスのメッセージ内容が変わるよ
2つ以上の条件式からなる1つの条件を設定してみよう

今回は16時以上19時以内なら
『もうすぐ退社の時間だよ!!』

12時台か15時台なら
『そろそろ休憩しよう!!』

それ以外なら
『お仕事頑張ってください!ファイト!!』
となります。

ソースコードと概要

var hour = new Date().getHours();

if (hour >= 16 && hour <= 19) {
  window.alert("もうすぐ退社の時間だよ!!");
} else if (hour === 12 || hour === 15) {
  window.alert("そろそろ休憩しよう!!")
} else {
  window.alert("お仕事頑張ってください!ファイト!!")
}

複数の条件式【論理演算子】

&&演算子
if (hour >= 16 && hour <= 19)
変数hourの値が16以上かつ19以下
どちらの結果もtrueになるときに全体の結果がtrueになります。
||演算子
else if (hour === 12 || hour === 15)
変数hourの値が12もしくは15のとき
どちらか片方がtrueになるときに全体の結果がtrueになります。
!演算子
条件式の結果がfalseになるときに全体の結果がtrueになります。