会員登録すると
学習することができます。
会員登録する(無料)
登録済みの方はこちら
ログイン

JavaScriptを実際に動かしてみよう①

目安学習時間 3分

<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <style>
      body {
        background-color: gray;
      }

      .container {
        max-width: 1040px;
        margin: 0 auto;
        color: white;
      }

      .h1 {
        font-size: 32px;
        color: #991155;
      }

      #description {
        font-size: 20px;
      }

      .list {
        list-style: none;
        padding: 0;
      }

      .list li {
        font-size: 18px;
      }
    </style>
  </head>

  <body>
    <div class="container">
      <h1 class="h1">こんにちは</h1>
      <div>
        <p id="description">
          Webエンジニアになるためにはこのレクチャーで学ぶことが非常に大事です
        </p>
        <div>
          <ul class="list">
            <li>HTMLの知識</li>
            <li>CSSの知識</li>
            <li>Chrome Developer Toolsの知識</li>
          </ul>
        </div>
      </div>
    </div>
  </body>
</html>

課題

全問正解でレクチャー完了です。

【問題1】

document.getElementsByTagName("body")[0].style.backgroundColor = "white";と実行すると何がおきるか

[選択肢]

【問題2】

document.getElementById("description").style.color = "red"; を実行すると何が起きますか

[選択肢]

【問題3】

document.getElementsByClassName("list")[0].style.backgroundColor = "red";を実行すると何がおきるか

[選択肢]
会員登録すると
学習することができます。
会員登録する(無料)
登録済みの方はこちら
ログイン

学ぶ目的

JavaScriptの基本操作の習得

JavaScriptを実際に動かしながら、基本的なコードの実行方法を習得します。

開発環境の設定

JavaScriptを動かすための開発環境を設定し、スムーズにコーディングできる環境を整えます。

実践的なスキルの向上

実際のコードを動かすことで、JavaScriptの基本的な操作方法と開発環境の使い方に慣れ、実践的なスキルを向上させます。

このレクチャーで学ぶこと

  • JavaScriptの基本操作の習得
  • 開発環境の設定
  • 実践的なスキルの向上

質問

まだ質問は投稿されていません。

質問投稿

ログイン後に質問の投稿ができます。