2022.3.25開発ログJavaScript
10755 ワード
1.勉強の内容
関数#カンスウ#
クリック時に条件文を実行するボタンを作成してキーを切り替えます
iが0から1の増分がbtnの長さ未満になるまで、btn[i]を繰り返しクリックします.
実行結果
学習中に解決できなかった問題
functionの内部にif文を入れて作成すると、バックグラウンド画面の色は変わりますが、ボタンのdaynight記事は変わりません.
解決策
わかりません.
学習の心得.
key-valueで値を格納することを新しく学び、関数を指定する他の方法も学びました.
復習する時確かに昨日より熟知したと感じて、短いコードはもっと良くて、しかし私は可読性が良いことを知っていて、変更の便利なコードはもっと良いのはどんな感じです.
関数#カンスウ#
<script>
function name (parameter){
실행할내용;
return 리턴값(필수적이지않음);
}
</script>
オブジェクト向け<script>
let member={developer:'a',developer:'b'};
let mymath={}
mymath.pi=3.14;
mymath.sum=function(x,y){
return x+y;
}
// object안에 함수넣기
</script>
<script>
function night(){
document.querySelector('body').style.backgroundColor='black';
document.querySelector('body').style.color='white';
this.value='day';
let as=document.querySelectorAll('a');
for(let i=0;i<as.length;i=i+1){
as[i].style.color='white';
}
}
function day(){
document.querySelector('body').style.backgroundColor='white';
document.querySelector('body').style.color='black';
this.value='night';
let as=document.querySelectorAll('a');
for(let i=0;i<as.length;i=i+1){
as[i].style.color='black';
}
}
</script>
<input type="button" value="night" onclick="
if(this.value==='night'){
night();
this.value='day';
}
else{
day();
this.value='night';
}
">
夜間と昼間の関数を作成し、背景、フォント色、ハイパーリンク色(ドア用)を変更します.クリック時に条件文を実行するボタンを作成してキーを切り替えます
let btn=document.querySelectorAll('input')
for(let i=0;i<btn.length;i++){
btn[i].click();
}
inputタグ付きのすべての変数を選択し、btnという変数に割り当てます.iが0から1の増分がbtnの長さ未満になるまで、btn[i]を繰り返しクリックします.
実行結果
学習中に解決できなかった問題
functionの内部にif文を入れて作成すると、バックグラウンド画面の色は変わりますが、ボタンのdaynight記事は変わりません.
解決策
わかりません.
学習の心得.
key-valueで値を格納することを新しく学び、関数を指定する他の方法も学びました.
復習する時確かに昨日より熟知したと感じて、短いコードはもっと良くて、しかし私は可読性が良いことを知っていて、変更の便利なコードはもっと良いのはどんな感じです.
Reference
この問題について(2022.3.25開発ログJavaScript), 我々は、より多くの情報をここで見つけました https://velog.io/@periachronicle/2022.3.25-개발일지-javascriptテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol