生活コードjavascript第17講条件文の使用


講義を通して,比較演算子,ブール言語,条件文などのツールを見た.
これらの観念的なツールが現実にどのように具体的に役立つかを見てみましょう.
前回のレッスンでやったナイトデーボタンを合わせましょう!
私たちはまずボタンを作って、それから条件を作ります.
  <input id="night_day" type="button" value="night" onclick="
    if(night){
      document.querySelector('body').style.backgroundColor = 'black';
      document.querySelector('body').style.color = 'white';
    } else {
      document.querySelector('body').style.backgroundColor = 'white';
      document.querySelector('body').style.color = 'black';
    }
  ">
今は状況に応じて()内にtrue falseを設定すればいいです
そのためには、まず現在のボタンの値が何であるかを明らかにします.

検索値1




.valueはpropertyを使用すればよいことを示します
あとはconsoleで調べておけばいいです

コンソールから表示される結果コード
id値がnight dayのタグのvalue値
手に入れる

2完了条件文

    <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';
    }
    ">

id値がnight dayのタグのvalue値がnightであることが確認されました.
if(document. querySelector('#night_day').value === 'night' )
1最初の赤い線条件文
#night dayの値がnightに等しい場合は、ナイトモードを実行します.
そうでない場合は、ホストモードで適切なコードが実行されていることを確認するだけです.
しかし、ナイトモードを変更した後は、デイモードには変更されません.
現在の状態はnightで、条件部分の実行を続行します
2コードを実行する場合は、この値を夜間から昼間に変更します.
2番目の赤い線コードを適用すると解決します.
 document. querySelector('#night_day').value = 'day';
3つのコードを追加し、次のデイモードでもnightに変更したコードを追加すれば完了です!
 document. querySelector('#night_day').value = 'night';

私は今回の授業を理解していないので、何度も授業を変えました.
私だけが理解できないの😢
コメントを見て、他の人も難しいと思っていたので、慰められました.
理解している人がコメントを残してこのように理解しました!
招待状を残して、次の授業を聞きに行きましょう.🔥
LifeD
id値night dayが与えられた場合、if文でbodyの代わりにid値(night day)を使用してボタンを位置決めし、この演算子==を使用します.現在の値がnight(値が真)の場合、以下に記述するコードが実行され(バックグラウンドカラー-黒、カラー-白)、実行後、value値にdayがあります.
つまりボタンの名前はdayに変更されます.
この場合、再びボタンが表示されると、そのボタンの名前はday、すなわち上部id値(#night day)となる.valueはday状態でしょう?後ろのコードはvalue===「night」ですが、現在の値はdayです.だからこれは嘘になる.
したがって、本物であればifのコードは無視され、次のelseのコードは実行され、コードの内容に応じて背景色が白くなり、色が黒くなり、id.value、すなわちボタンの名前がnightになります.
私のようにうろうろしている人がいるのではないかと思って、私の理解するように作りました参考になりますように