[開発ログ3月23日][パブリックトレーニング-webベース]JavaScript 1/3-イゴール講師


1.勉強の内容


メモの内容
Math.random()
:0~1ランダム
Math.random()*100
:0~100ランダム
alert(「がんばってください」);
; 皆さん頑張ってください.
確認(「本当?」
:trueとして決定/falseとしてキャンセル
prompt(“ID?”)
:入力可能
alert(Math.random()); →ex)0.8565465
; (セミコロン)コマンドとコマンドの区別に使用
プログラム:時間、順序を含む単語→したがってhtmlはプログラミングではありません
アプリケーション(app):アプリケーション
console.log();
コンソール:主にエラーの検索、デバッグ(ユーザーには表示されません)に使用されます.
htmlは情報/cssは設計/jsはユーザと対話する
変数はデータに名前を付けます.
-重要-
document.querySelector('body').style.backgroundColor = 'black';
コンソールウィンドウでは、バックグラウンドが黒くなります

datatype.htmlコンテンツ


<html>
    <body>
        <h1>Number</h1>
        <script>
            console.log(1);   // 정수 // console에 정수 1이 뜸
            console.log(1.1);   //  실수 // console에 실수 1.1이 뜸

            // Operator
            console.log(1+1);   //  2
            console.log(2-1);   // 1
            console.log(2*2);   // 4
            console.log(4/2);    // 2
            
            console.log(Math.PI);
            
            // random, floor() : 함수 / Math : 객체
            console.log(Math.random());
            console.log(Math.floor(1.9)); // 1.9보다 가장 작은 정수
            console.log(Math.floor(Math.random()*100));


        </script>

        <h1>문자열(String)</h1>
        <script>
            console.log('Hello World');
            console.log("Hello World");
            console.log('Hello \
            World');
            console.log(`Hello 					// `(백닷) : 줄 바꿈 기능
            World`);

            console.log('Hello World'.length);  // Hello World의 길이(11) 나타냄
            console.log('Hell World'.replace('Hell', 'Hello')); // 대체전, 대체값
            console.log('Hello ' + 'World');

            console.log('1'+'1');    // 11 로 나타남
        </script>
    </body>
</html>>

syntax.htmlコンテンツ


<html>
    <body>
        <script>
            console.log(1);
            console.log(2);
            console.log(3);
        </script>

        1+1 <br>
        <script>
            document.write(1+1);
            document.write('<br>');
            document.write(Math.random());
            document.write('<br>');
        </script>
        <input type="button" value="Hello" onclick="alert('안녕');">
    </body>
</html>>

variable.htmlコンテンツ


<html>
    <body>
        <script>
            console.log(1);
            console.log(2);
            console.log(3);
        </script>

        1+1 <br>
        <script>
            document.write(1+1);
            document.write('<br>');
            document.write(Math.random());
            document.write('<br>');
        </script>
        <input type="button" value="Hello" onclick="alert('안녕');">
    </body>
</html>>

→ボタンのブロックを作成する(night/day)


→ボタンをクリックしてhtml画面設定を変更する
1.night:暗い背景(文字が白/背景が黒)
2.day:明るい背景(文字が黒/背景が白)

2.学習内容の難点または未解決の問題

  • bodyやheadなどは、新しい内容を記入する際にどの領域に置くべきかを混同しています
  • 新しい用語の出現によって適用される部分は
  • に詳しくない.

    3.ソリューションの作成

  • 回入れるごとに、比較結果→でも馴染みがないので
  • を続けます
  • 上洞
  • 4.勉強の心得


    私はもっと新しい用語を使って、暗記の練習をします.