DAY07 JavaScript 3/3

🌱 学習の内容

関数は整列する必要があります.
整然と並ぶ.
知らないのはCheat Sheetで検索

▼▼▼ページですべての文字の色を変更

<script>
        function night(){
            document.querySelector('body').style.backgroundColor = 'black';
            document.querySelector('body').style.color = 'white';
            let as = document.querySelectorAll('a');
            for(let i=0; i<as.length; i++){
            as[i].style.color = 'white';
            }
        }
        function day(){
            document.querySelector('body').style.backgroundColor = 'white';
            document.querySelector('body').style.color = 'black';
            let as = document.querySelectorAll('a');
            for(let i=0; i<as.length; i++){
            as[i].style.color = 'black';
            }
        }
    </script>

繰り返し文関数を使用してページフォントの色を変更するコード

function night(){}

関数nightは()

let as = document.querySelectorAll('a');
for(let i=0; i<as.length; i++){
as[i].style.color = 'white';}

document.QuerySelector全重複文2479182
宣言as=すべての「a」を選択
繰り返し(iが宣言i=0より小さくなるまで;as.lenght;i=i=1){
すべての「a」スタイルの色は白}

JavaScriptでボタンを押す

すべてのボタンを押す

ボタンがたくさんあるページでは、JavaScriptでコードを書き、ボタンが押されるようにしています.最後の次のコードは正常に動作するコードです.

最初に記述されたコードはlet宣言for文に属し、入力にはsが欠けている.

の2番目のコードはlet宣言for文に属し、増減演算に長さが欠けている.

の3番目のコードは、まずlet宣言であり、次いでfor文入力である.増減演算はlengthで記述し,ブール言語はi=i+1で記述した.実行値をinputsとして作成します.

100を超えるボタンを押す

最初のコードと2番目のコードは同じエラーのコードです.

の3番目のコードから見ると、i範囲を含むボタンを押す

上の2つのコードは同じ文です.違いは、ドアが重なるかどうか、ドアがマージされるかどうかです.マージは、2つのドル記号またはです.使用します.

let inputs = documentquerySelectorAll('input');
for(let i=0; i<inputs.length; i=i+1){
if(inputs[i].value>100){
if(inputs[i].value<200){inputs[i].click();}}

if(){if(){}構造

let inputs = documentquerySelectorAll('input');
for(let i=0; i<inputs.length; i=i+1){
if(inputs[i].value>100 && inputs[i].value<200){
{inputs[i].click();}}

if(1号条件&和)2号条件){実行値}

Console.logでEnterキーを押して実行し、改行する場合はShift+Enterキーを押せばよい

▼▼▼関数

関数は整理コードです
クロムに組み込まれた関数
関数は、相互に関連付けられたコードをグループ化して名前を付けます.
関数が良い理由は?

コードが簡潔になります.

毒性が良くなる

メンテナンスが容易

関数の定義時

 <h1>Function</h1>
        <script>
            function abc(){
                console.log('a');
                console.log('b');
                console.log('c');
            }

            console.log(1);
            console.log(2);
            abc();
            console.log(4);
            abc();
            console.log(5);
            abc();
            console.log(6);
            console.log(7);
            console.log(8);
        </script>

モードが見られると、関数

を思い出す.
関数名
実行名()関数を用いてabcの実行値を明確に表す.
呼び出されたコードと使用されたコード.
関数名(){}を作成し、
実行内容は、関数の実行値位置{}に挿入されます.
付加価値税

  <h1>VAT</h1>
        <script>
            function 부가세계산(){
                let 가격 = 1000;
                let 부가세율 = 0.1;
                let 부가세 = 가격 * 부가세율;
                console.log(부가세);
            }
            부가세계산();
        </script>

このコードは少し残念です.
->結果は常に100です.
どうしたんですか.値段が1000だから!
->入力値の作成()
計算値の作成

function a(){
return 1;
}
a()
< 1

関数の実行時に表示される
関数の値はreturnの後の値です.

<script>
            function 부가세계산(가격, 부가세율){ //매개변수, parameter
                let 부가세 = 가격 * 부가세율;
                return 부가세;
            }
            부가세계산(2000, 0.1); //인자, arugment = 입력값
        </script>

returnは関数の結果値です!

return

 <h1>SUM</h1>
        <script>
            function sum(val1, val2){
                return val1+val2; //리턴값 뒤에 있는 값이 함수를 실행한 값이 된다.
            }
            alert(sum(100,200)*10)
        </script>

sumという関数があります.条件はval 1,val 2です.
val 1とval 2の値が実行されます.val 1+val 2を返します!
したがってsum関数を記述するとval 1+val 2の値が計算されます.
要するにreturnとは、関数を実行するときに得られる値を指す.
またreturnは関数の終了条件である.
追加:+と${}

   <h1>Arry + Loop</h1>
        <script>
            topics = ['html','css', 'js'];
            for(let i=0; i<topics.length; i=i+1){
                document.write('<li>'+topics[i]+'</li>');
            }
        </script>

        <script>
            let topics2 = ['html', 'css','js']
            for(let i=0; i<topics2.length ; i = i+1){
                document.write(`<li>${topics[i]}</li>`);
            }

最初のコード使用+表示

2 2 2番目のコードはbacktic${}backtickで

を表す.

▼▼▼対象に向かう

配列インデックスによって識別されるオブジェクト
オブジェクトが無秩序に名前を書き込む場合.
->オブジェクト向けに相互に関連付けられた変数と関数をグループ化して名前を付けます.

 <h1>Object</h1>
        <script>
            let student = ['egoing', 'guru']
            console.log(student[0], student[1]);
            
            let member = {developer: 'egoing', desinger:'duru'};
            console.log(member.developer, member.desinger);

            let person = {name:'egoing', city:'seoul', job:'developer'};
            console.log(person.name, person.city, person.job);

            let MyMath = {}
            MyMath.PI = 3.14;
            MyMath.sum = function(val1, val2){
                return val1+val2;
            }
            console.log(MyMath.PI);
            console.log(MyMath(10,20));
        </script>

オブジェクトが終了します.

の値を保存するときに名前を付けることができます.

オブジェクト内は変数であってもよいし、関数であってもよい.

Mathは、オブジェクト

も含む.

🍃 困難なところや解決していないこと

",=.記号はいつ使うか分かりません

独自にアレイを作成することは困難である

.

付加税計算収益概念

一人で復習できない

🍀 解決策

▼▼どうやって解決した?
3.講義ビデオの再確認
1,2,4. Verlogの作成と練習
▼▼そう理解した
returnは実行関数の値です.名前の通り、関数を実行するときの値!
▼どこまでわかった?
2ドル記号と.そういう意味です.
関数は整理コードです
関数の作成と実行方法
オブジェクト向けの意味

▼▼▼次の試し方

関数と重複文を使用してコードを記述します.
オブジェクト向けのコードを使用して作成します.
htmlの復習時間を利用する.

🌷 学習の心得.

今日はreturnの概念を理解するのは難しい.あまり使わない言葉に触れて、理解できなくなった.もう一度話を聞いて、私はその意味を理解して、想像していたほど重要ではありません.復習時間を通して、各記号がいつ使われるか分からないことに気づきました.この部分を勉強する必要があるようです.また,関数とオブジェクト向けの配列はコードを整理しており,簡潔であると考えられる.よく利用して、簡潔なコードを書くように努力します.