Javaスクリプト理論(基礎)


第1章(変数と演算子)


きほんりろんぶ

var test = prompt('message','placeholder')
document.querySelector("#result").innerHTML
prompt()=入力値を受信するために使用されます.
Message=入力値を説明するメッセージです.
placeholder=入力値ウィンドウで例として使用される文字.
document=現在のWebブラウザを表すページです.
QuerySelector("#result")=idを結果として選択する要素を表します.
innerHTML=後続のすべての値がHTMLドキュメントに置き換えられることを示します.

window


  • ブラウザ内のすべての要素は、最上位レベルにあるため、どこからでもアクセスできるため、「グローバルオブジェクト」と呼ばれます.

  • 通常は、このウィンドウを制御するためのさまざまな方法を提供するブラウザウィンドウ(browserwindow)を開きます.
  • だから私はwindowに関するテストをたくさんしました.
    var name = "LEE"
    alert(window.name)
    このように作成すると、次のようになります.

    変数nameの値が正常に取得されました.でも.
    let name = "Lee"
    const friend = "Kim"
    alert(window.name, window.friend)
    このようにコードを書きます.

    何も持って帰れない.letとconstはブロックスキャンなので、ウィンドウオブジェクトとして受信できないという特徴があります.
    ->ただし、グローバルオブジェクトとしてのウィンドウは省略可能です.
    そして2つ目の“方法”のwindowはwindowですopen(), window.close()と同様に使用できます.
    省略

    エンコーディング中にエラーが発生しました

     <script>
     //heading이라는 변수안에 heading id값을 선언
    var heading = document.querySelector("#heading");
    //헤딩 변수를 클릭하면 빨간색으로 변하게 수정
        heading.onclick = function () {
          heading.style.color = "red";
        };
    </script>
    上のコード
    <script src="./js/text-color.js"></script>
    私はこのように要約して実行した.
    > Uncaught TypeError: Cannot set properties of null (setting 'onclick')
    このようなエラーが発生しました.このエラーはscriptの位置によるエラーです.
    scriptは上から下へ実行されるため、タグを作成する前に変数を宣言するときに発生する問題です.
    本体ラベルの下にscriptを置いてトラブルシューティング

    第2章(条件文、重複文)


    きほんりろんぶ

    var value = window.prompt("숫자를 입력해주세요.");
    if (value % 2 === 0) {
            alert(value + "는 짝수가 맞습니다.");
          } else {
            alert(value + "는 홀수 입니다.");
          }
    このようにコードを記述する場合、「value」はnumberではなくstring imtypeof演算子であり、valueを選択するとstringとして表示されます.
    幸いなことに、クロムは数字に基づいて対応する式を判断して計算しますが、符号化が正しいことを確保するために、
    value = parseInt(value)
    ParseIntで文字列の値をnumberに変換することをお勧めします.