【エクササイズ】プリミティブ型・変数・デバッグ方法を復習【JavaScript】

課題
  • JavaScriptとHTMLを連携する
  • プリミティブ型を使う
  • 変数を使う
  • console.logを使ってデベロッパーツールで変数の値を確認する
  • GitHubに用意した課題の内容を確認して、課題クリアがこの記事でのゴールです

課題内容は以下の課題レポジトリに記述しています。

課題レポジトリ

GitHub : js_excercise_for_grammar_1

課題解決するために参考になる資料

JavaScriptとHTMLを連携させてJSを実行する方法

あわせて読みたい
JavaScriptとHTMLを連携させてJSを実行する方法①「JavaScriptファイルの作成方法」②「HTMLからJavaScriptを読み込む方法」③「JavaScriptとHTMLが正しく連携できているか確認する方法」。この3つのやり方について学習していきます。...

今回の課題では、HTMLとJavaScriptファイルを用意して、HTMLでJavaScriptを読み込んで実行します。

HTMLとJavaScriptの連携方法については上記記事で解説しました。

JavaScriptのプリミティブ型とは

あわせて読みたい
JavaScriptのプリミティブ型とはJavaScriptではプリミティブ型とオブジェクト型という2種類のデータを使います。今回はプリミティブ型の解説です。プリミティブ型には「数値」「文字列」などがありますが、プリミティブ型で覚えておくべき型は数値・文字列含め合計5つあります。...

今回の課題ではプリミティブ型のうち、「Number」と「String」を使用します。

プリミティブ型」「Number」「String」について忘れてしまった場合は、上記の記事で思い出しましょう。

JavaScriptの変数を覚える

あわせて読みたい
JavaScriptの変数を覚える値を保存するときに利用する「変数」。JavaScriptでは変数を利用するために使うキーワードが3つあります。「const」「let」「var」。この3つのうち「var」に関しては古い書き方になるので、基本的にはconst, letを使うようにしましょう。...

今回の課題では、一つ前の項目で話した「プリミティブ型」の値を変数にセットしていただきます。また、今回の課題では全て再代入不可能な変数を使っていただきます。

変数」「変数の作り方」「再代入できない変数」について忘れてしまった場合は、上記の記事で振り返ってみましょう。

JavaScriptで値を確認する方法(デバッグ方法)

あわせて読みたい
JavaScriptで値を確認する方法(デバッグ方法)プログラミングをしていて不具合が発生したときに、その不具合の原因を突き止める作業が重要になります。この作業のことを「デバッグ」と呼び、変数の中身や関数の実行結果の値を確認する必要があります。今回はデバッグする際に便利な機能の使い方を紹介します。...

今回の課題では、前の項目で話した「変数」にセットした値を確認するために「console.log」を使って、正しく値がセットされているか確認していただきます。

console.logの使い方」「デベロッパーツールを使ってconsole.logの値を確認する方法」に関しては上記の記事で解説をしているので参考にしていただけたらと思います。

質問・答え合わせ受け付けてます

課題に関して質問や答えの確認をしたい方はお気軽にご連絡をいただけたらと思います。

お問い合わせ・TwitterのDMのどちらでも受けて受けています。TwitterのDMのほうが早く気づけるので早めに返信できるかと思います。

あわせて読みたい
【絶賛受付中】プログラミング・Webの相談お気軽にどうぞ!
【絶賛受付中】プログラミング・Webの相談お気軽にどうぞ!プログラミングやWebで困っていることに対して何でも質問受け付けています。「こんなこと質問しても大丈夫かな」と思っている方のために過去にどんな質問があったのか一例で挙げているので参考にしていただけたらと思います。...
【3つの特典付き】Webエンジニアに必要な基礎スキルを体系的に効率良く身につけたいですか?

LINE登録で無料特典を受け取る

次のような方向けに、学習をサポートするコンテンツを無料プレゼントしています。

  • Webエンジニアになりたいけど何から学習を始めれば良いかわからない
  • 今まで独学で頑張ってきたけど、独学に限界を感じてきた
  • プログラミングは出来るけど、大きめのコードが書けない

「プレゼント詳細が知りたい」「プレゼントを受け取りたい」といった方は、以下のボタンをクリックして詳細ページをご確認ください。

無料特典を受け取る