2022/03/24

今日はJavaScript文のif節を勉強しました.復習はいつも重要ですが、2つのボタンを合わせて勉強するのはCSS方式ではなくJavascript方式です.JavascriptはC言語をベースにしているので、慣れるのは難しくないのが幸いです.
長い話ですが、次の文は昨日2つのボタンを1つにまとめることに相当します.

    <input type="button" id="dnbtn" value="NightMode" onclick="
    let button = this;
    if(value === 'NightMode'){
        document.querySelector('body').style.backgroundColor = 'black';
        document.querySelector('body').style.color = 'white';
        value = 'DayMode';
    } else {
        document.querySelector('body').style.backgroundColor = 'white';
        document.querySelector('body').style.color = 'black';
        value = 'NightMode';
    }
    ">

2つのボタンはifセグメントを介して真/偽分割を実行する.
午後はif節とloop節を習いました.
if節はC言語を独学する時と構造が同じで、慣れるのは難しくない.

    <h1>배열Arry</h1>
    <script>
        let topic1 = 'html';
        let member1 = 'samuel';
        let topic2 = 'css';
        let member2 = 'logan';
        let topic3 = 'js';
        let member3 = 'yoll';
        topics = ['html','css','js'];
        let members = ['samuel', 'logan', 'yoll'];
        console.log(topics.length);
        console.log(topics[0]);
    </script>

    <h1>반복문(Loop)</h1>
    <script>
        console.log(1);
        for(let i=0; i<3; i++){
            console.log(2);
            console.log(3);
        }
        console.log(4);
    </script>
    <h1>Array + Loop</h1>
    <script>
        topics = ['html','css','js'];
        for (let i=0; i<3; i++){
            document.write('<li>'+topics[i]+'</li>');
        }
    </script>
</body>

今日私が学んだのはif節と複文です.
今日の授業はだいたいよくできているが,これからも引き続きフォローしなければならない.授業中はほかのことをしないでください.
ps.後になって、Velogの開発ログは毎日記入して提出しなければならないことを知りました.二度とこのような過ちを犯すべきではない.