開発ログ3

26535 ワード
function loop n.関数 複文 テキストリンク

・勉強の内容。


コメント4,5(復習)
<!DOCTYPE html>
<html>
<head>
    <style>
h1{
border-bottom: 10px solid black;
}


    </style>
</head>

    <body>

            <input type="button" value="night" onclick="
                document.querySelector('body').style.backgroundColor = 'black';
                document.querySelector('body').style.color = '#white';
            ">



        <h1><a href="index.html">web</a></h1>
<ol>
<li><a href="1.html">html</a></li>
<li><a href="2.html">css</a></li>
<li><a href="3.html">js</a></li>

</ol>
<h2>Welcome</h2>
Hello, WEB

    </body>
</html>
====ボタンを押す(console)
https://egoingsb.github.io/daegu-ai-school-web-src/javascript/buttons.html
すべてのボタンを押す
let inputs = document.querySelectorAll('input');
for(let i=0; i<inputs.length; i=i+1){
inputs[i].click()
}
反映するには、100より大きいボタン(再ロード(リフレッシュ)のみ)を押します.
let inputs = document.querySelectorAll('input');
for(let i=0; i<inputs.length; i=i+1){
if(inputs[i].value>100){
inputs[i].click();
}
}
100より大きいボタンと200より小さいボタンのみを押します(ifにifをもう一度追加します)
let inputs = document.querySelectorAll('input');
for(let i=0; i<inputs.length; i=i+1){
if(inputs[i].value>100){
if(inputs[i].value<200){
inputs[i].click();
}
}
}
関数＃カンスウ＃
<html>
    <body>



        <h1>VAT</h1>
        <script>

function 부가세계산(가격, 부가세율){    //매개변수, parameter
let 부가세 = 가격* 부가세율;
 return 부가세;
        }

console.log(부가세계산(2000, 0.1));    //인자, argument, 입력값

</script>


<h1> sum</h1>
<script>

function sum(val1, val2){
return val1+val2;

}
    alert(sum(100,200)*10)


        </script>
    </body>
</html>
return은 함수의 종료 조건. 그 뒤로 어떤 다른 alert(); 들을 넣어도 실행이 안됨索引関数htmlボタンコード用
<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=i+1){
                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=i+1){
                as[i].style.color = 'black';
            }
        }
    </script>
    <input type="button" value="night" onclick="
        let btn = this;
        if(btn.value === 'night'){
            night();
            btn.value = 'day';
        } else {
            day();
            btn.value = 'night';
        }
    ">
オブジェクト向け
ジャワでは、兄妹、姉妹、兄弟が並んでいますか?
配列は、各配列(秩序データ、平等データ)をインデックス形式で識別します.
各オブジェクトを名前で識別(各ロールが異なる場合)
<オブジェクト向けは、相互に関連付けられた変数と関数をグループ化して名前を付けます.>
<html>
    <body>
        <h1>Object</h1>
        <script>
            let student = ['egoing', 'duru']
            console.log(student[0], student[1]);

            let memeber = {developer:'egoing', designer:'duru'}; 
            console.log(memeber.developer, memeber.designer);

            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.sum(10,20));
        </script>
    </body>
</html>
shiftを押してenterを押して改行します

▲学習内容の難点。


コードを書くのが下手で、スピードが遅い.
講師が「ここ~こうしましょう」と言ったとき、最初からその位置がどこにあるのか時間をかけて探していたのですが、その後ミスがあったときにそのミスを見つけるのがもっと大変だったので、当初は誤字をしないように丁寧にタイプしていたのですが、また速度が遅くなってしまいました.それでも、結果的に実行に問題が発生した場合は、講師のコードと比較して、探し出す必要があります.ああ...
一つ誤字、一つの記号、一つの点を誤ると問題にならず、薄氷の上を歩いているような感じで・・・
時間がかかって理解できる内容だが、自分でやっているときについていきたいと思うこともあり、時には骨が折れることもある.確かにHTMLだけは面白い…javascriptから混乱しています.
条件文と複文がうまく書けば実力者ということで、これまではこの2つが一番難しかったそうです.😅

を選択します。


マルチサイト使用、練習、復習
https://text-compare.com/ 유용한 코드 비교 사이트https://seomal.com/map/1/181
Javascript execute context(生活コード)변수와 함수에 관한 보충 자료https://www.speedcoder.net/lessons/js/1/
coding typing prctice 코딩 타자 빠르게 하는 법
https://htmlcheatsheet.com/js/ 자바스크립트 cheetsheet사이트

▲勉強の心得。


1週間以内に困難な内容を完成しなければならないので、少し頭が痛いです.
JAvascriptはまだ分かりません.
来週はなんとPython...震え始めた...
週末にもう一度授業のビデオを見て復習しなければなりません.
コード1日目:クラスの初期化
[DAY5] Javascript 3/3