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

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

目安学習時間 2分

<!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】

const targetContent = document.getElementsByClassName("list")[0];を実行したときに起きることとして正しいことを選択してください。

[選択肢]

【問題2】

const targetContent = document.getElementsByClassName("list")[0];

targetContent.remove();

を実行するとどうなるか?

[選択肢]

【問題3】

JavaScriptを使うとでできないことはどれか?

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

学ぶ目的

講座「JavaScriptを実際に動かしてみよう②」を学習する目的

この講座では、JavaScriptを使って実際に動的なウェブコンテンツを作成することに重点を置いています。主な目的は以下の通りです:

  1. 実践的なJavaScriptスキルの向上

    JavaScriptの基本を学んだ後、実際にコードを記述して動かすことで、より深い理解を得ることを目指します。

  2. DOM操作の習得

    Document Object Model(DOM)を通じて、HTML要素を操作する方法を学び、動的なウェブページの構築に必要な技術を身につけます。

  3. イベント処理の理解

    ユーザーのアクション(クリック、ホバーなど)に応じてJavaScriptを実行する方法を学び、インタラクティブなコンテンツを作成できるようになります。

  4. デバッグスキルの向上

    コードを書く中で生じるエラーや問題点を特定し、修正するデバッグスキルを磨き、より効率的に開発を進める力を養います。

  5. プロジェクトベースの学習

    実際のプロジェクトを通じて、JavaScriptの実用的な使い方を学び、学んだ知識を応用して自分のアイデアを形にする力を育成します。

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

  • 実践的なJavaScriptスキルの向上
  • DOM操作の習得
  • イベント処理の理解
  • デバッグスキルの向上
  • プロジェクトベースの学習

質問

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

質問投稿

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