生活コードjavascript第17講条件文の使用
5121 ワード
講義を通して,比較演算子,ブール言語,条件文などのツールを見た.
これらの観念的なツールが現実にどのように具体的に役立つかを見てみましょう.
前回のレッスンでやったナイトデーボタンを合わせましょう!
私たちはまずボタンを作って、それから条件を作ります.
そのためには、まず現在のボタンの値が何であるかを明らかにします.
検索値1
これらの観念的なツールが現実にどのように具体的に役立つかを見てみましょう.
前回のレッスンでやったナイトデーボタンを合わせましょう!
私たちはまずボタンを作って、それから条件を作ります.
<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になります.
私のようにうろうろしている人がいるのではないかと思って、私の理解するように作りました参考になりますように
Reference
この問題について(生活コードjavascript第17講条件文の使用), 我々は、より多くの情報をここで見つけました
https://velog.io/@support/생활코딩-javascript-17강-조건문의-활용
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
<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になります.
私のようにうろうろしている人がいるのではないかと思って、私の理解するように作りました参考になりますように
Reference
この問題について(生活コードjavascript第17講条件文の使用), 我々は、より多くの情報をここで見つけました https://velog.io/@support/생활코딩-javascript-17강-조건문의-활용テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol