[開発日記5日目]JavaScriptベース3


1.勉強の内容


演算子

  • 代入演算子(=):左変数
  • に右値を代入
  • 比較演算子(===):trueとfalseの結果を表す
  •     <input type="button" value="night" onclick="
            if(this.value === 'night'){
                document.querySelector('body').style.color = 'white';
                document.querySelector('body').style.backgroundColor = 'black';
                this.value = 'day';
            } else{
                document.querySelector('body').style.color = 'black';
                document.querySelector('body').style.backgroundColor = 'white';
            	this.value = 'night';
            }
        ">
  • 結合演算子(&):2つ以上の異常を表す
  • 	<script>
    		let inputs = document.querySelectorAll('input');
            for(let i=0; i<inputs.length; i=i+1){
                if(inputs[i].value > 100 && inputs[i].value < 150){
                        inputs[i].click();}}
    	</script>
    

    関数#カンスウ#


    関数は、相互に関連付けられたコードを収集することによって命名されます.
  • 関数フォーマット
  • 	function 함수이름() {실행할 내용}
  • 関数の利点
    ①コードが簡潔になる
    ②毒性がよくなる
    ③保守が容易な
  •         <script>
                function 부가세계산(가격, 부가세율){  	// 매개변수, parameter
                    let 부가세 = 가격 * 부가세율;
                    return 부가세;					// return은 함수의 종료조건 
                }
                console.log(부가세계산(2000, 0.1));   // 인자, argument, 입력값
            </script>
    

    ゲスト


    オブジェクト向けは、相互に関連付けられた変数と関数を組み合わせて名前を付けます.
  • オブジェクト{}:
  • を位置/順序で保存
    		<script>
                let member = {developer:'egoing', designer:'duru'};
                console.log(member.developer, member.designer);
            </script>
  • シナリオ[]:
  • を平等/順序で格納
    		<script>
                let student = ['egoing', 'duru']
                console.log(student[0], student[1]);
            </script>

    2.難しい内容


    オブジェクト向けの概念が不明...ぼんやり...
    条件文と重複文が混在している場合、コードの作成がスムーズではありません
    codeは思い出せないが、英塔は少し遅れているようだ.

    3.解決方法


    繰り返し聴講し,まず概念を明確にする
    コード作成速度の向上を練習する(https://www.speedcoder.net/lessons/js/1/)

    4.勉強の心得


    見知らぬコードは難しいですが、私だけが難しいわけではありません.
    コードを熟知して、最后に光るその日まで、顽张ります!!