JavaScriptの整理の最初のステップ3:変数とCSSベース



今まで整理されていなかったレッスンLIST

  • 変数および代入演算子
  • Webブラウザ制御
  • CSSベース(スタイルプロパティ)
    Quiz 1
  • プログラム、プログラマー、プログラミング
  • 条件文予告

  • 使用条件文
  • 再梱包(重複除外)
  • 本日のまとめ7-9号&Quiz 1


    へんすう


    変数のようです. 変更可能な数.
    x=1;
    y=1;
    x+y; //1번
    x=1000;
    x+y; //2번
    1番と2番でx+yの値が違います.ここで 値はxのように変更でき、変数と呼ばれます.このとき 私たちは大学入試演算子と呼ばれています. 右の数字を左の変数に代入するという意味です.
    逆にならないこともある1常に1このように 変わらない数. 定数と呼ぶ.

    変数の必要性


    多くの理由がありますが、変数を使用して複数の位置に分散した値を使用できます. 一度で取り替えられる
    このゴーイングは限界だと思った考えてみれば、変数のない分散価値は1億個......考えてみれば恐ろしい...

    変数の宣言


    変数を記述するときは、次の点を覚えておいてください. varを追加するメリットはvarは変数の英語単語variableの略です.
    var word = "hello"

    Webブラウザの制御


    HTMLは静的言語です.そしてページの背景色や文字色を変更し、その際に使用するスタイル属性の言語をCSSと呼ぶ.CSSはHTML、JAVA SCRIPTとは全く異なるデザイン言語です.HTMLとその中のCSSは静的な言語で、一度書いたら変更できません.つまり、一度やっただけでは変えられないということです.
    しかし、私たちが今勉強しているJavascriptはこの問題を解決することができます.Javascriptを使用してWebブラウザを制御します.

    CSSベース(スタイルプロパティ)


    CSSを利用して、あなたは デザインを変更できます.このため、styleプロパティを置換するタグに使用できます.このスタイル属性にはCSSが含まれています.
    <h1 style="color: blue">Javascript<h1>
    このとき,コードがcolor:blueのものがCSSである.
    これらの要素については、CSS property+「必要な設計要素」を検索します.たとえば、「CSS property background color」を使用して検索すると、background-colorというCSSプロパティが表示されます.
    考える
  • 第7課:授業で述べた以外に、変数を使うメリットはどれらがありますか.
    -プログラムを作成する過程で、ユーザーが望む値を取得する必要がある場合があり、変数を使用してユーザーの意見を取得し、プログラムを実行させることができます.スマートフォンの明るさ、音など
  • 8課:bodyラベルのスタイル属性を直接変更し、背景色を青、フォント色を灰色にする.


  • 9号講義
    1)授業で学んだ色と背景色を利用して,背景が緑,文字が白の段落を作成する.
    2)CSSを使用して文字数を大きくする.(ヒント:CSProperty font sizeを検索!)
    <h2 style="background-color: green; color: white; font-size:50px;">Javascript</h2>

    https://www.w3schools.com/cssref/pr_background-color.asp
    https://developer.mozilla.org/ko/docs/Web/CSS/font-size
    9課で考えてみると、背景色の設定は背景色、フォント色は色、フォントサイズはfont-sizeであることがわかります.
  • Quiz 1



    講座を聞いたら、試験はあなたが解答できるレベルで行います.次の文章を読んだり考えたりすれば、これらの内容は解答できます.そして、すでに知っている内容でも、聞き取りだけで解決できる問題が出てきました.必ず正解しないと卒業証書がもらえないので、ぜひ受講してくださいね~