JavaScriptの始まりをまとめる第2歩:HTMLとJSの出会い



1月7日受講LIST

  • コース紹介
  • コースの目的
  • HTMLとJSの出会い:scriptタグ
  • HTMLとJS面会:イベント
  • HTMLとJSの出会い:コンソール
  • データ型(文字列および数値)
  • 今日のアレンジ


    3.HTMLとJSの出会い:scriptタグ


    JavascriptはHTMLの上で働く言語です.では、どのようにして2つの異なる言語を統合しますか?
    今ここに スクリプトラベルが必要です
    <body>
      <script>
        document.write('hello, world!');
      </script>
    </body>
    考える
    1)HTMLコードはどのような場合に使うのか、JavaScriptコードはどのような場合に使うのがよいのか.
    私の答えは、インタラクションや変更が必要な値やデータを表すときにJavaScriptを使い、特に変更が必要ない値やデータを表すときにHTMLを使います.

    4.HTMLとJSの出会い:イベント


    Webブラウザで発生したイベント. イベント(Event)と呼ばれます.このレッスンでは、onclickプロパティとonchangeプロパティについて学習しました.
    onclickは、onclick属性を含むタグがクリックされたときにJavaScriptコードが実行される属性です.
    onchangeは、onchangeプロパティを含む入力ウィンドウでキーボードでコンテンツをタップし、エンティティをタップするとJavaScriptコードが実行されるプロパティです.
    このほか、10~20種類のアクティビティが存在します.使用 インタラクティブなWebサイトを作成できます.
    これらの多様な活動をすべて暗記することはできませんか?エンコード中に必要なアクティビティはgooglingで簡単に検索できます.たとえば、キーボードを押したイベントを知りたい場合は、Googleで「JavaScriptキーストロークイベント」を検索してonkeydownというイベントを検索します.
    考える
    1)ボタンの上にマウスを置くと警告ウィンドウが表示されるサイトを想像してみてください.どの活動を利用すればよいかを知る.(ヒント:javascript mouseover eventを検索!)
    https://sas-study.tistory.com/141
    上のサイトの記事を参考に質問に答えました.
    <li onmouseover="alert('hi')"><a href="3.html">JavaScript</a></li>

    5.HTMLとJSの組み合わせ:コンソール


    最初のレッスンで行ったように、Webブラウザで「右クリック」>「チェック」をクリックし、ポップアップウィンドウをよく見ると、「コンソール」というタブが表示されます.このコンソールを使用して、 JavaScriptを実行することで、この問題を簡単に解決できます.
    Tip
    開発者ツールを開いた場合、escを押すと要素ウィンドウとコンソールウィンドウを同時に表示できます.
    コンソールウィンドウに入力したJSコードは上矢印キーを押すことで見つけることができ、コピーして貼る必要はありません.
    考える
    1)現在のページで、コンソールを使用して「思考」警告ウィンドウを開きます.

    6.データ型(文字列と数字)


    Javascriptのデータ型
    コンピュータプログラミングでは、大量のデータを処理することが重要であり、特にデータを分類する.では、Javascriptにはどのようなデータ型がありますか?
    おおよそ6種類 データ型はありますが、このレッスンでは、 文字列と 数字(Number)を勉強しました.
    数値(Number):4つの演算を使用して数値データ型を計算できます.
    String:文字列は引用符で始まり、引用符で終わります.
    単一引用符で始まり、単一引用符で終わります. 引用符で始まり、引用符で終わります.文字列でよく使われる演算にはlengthがあります.文字列の後ろ.lengthを貼り付けて入力すると、文字列の長さが求められます.
    データ型の重要性
    では、先ほど数値データ型で見た演算を文字列に適用します.次のコードを実行するとどうなりますか?
    "1"+"1"
    ここで、「1」は引用符を含む文字列です.このとき、このコードの実行値は「11」です.
    つまり. 文字列か数字かによって、演算の結果が大きく異なる場合があります.
    考える
    1)1+2を計算して「1」+「2」を計算した場合の結果は?なぜこのような違いが生じるのでしょうか.
    1+2の値は3です.数字からもう一つの値が出力されるからです.「1」+「2」の値は「12」です.これは単純な文字接続の結果だからです.「ㄱ」+「ㄴ」と「ㄱ」は同じです.