2022.3.25開発ログJavaScript


1.勉強の内容
関数#カンスウ#
<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で値を格納することを新しく学び、関数を指定する他の方法も学びました.
復習する時確かに昨日より熟知したと感じて、短いコードはもっと良くて、しかし私は可読性が良いことを知っていて、変更の便利なコードはもっと良いのはどんな感じです.