JavaScript入門 - 基本と変数
JavaScriptの基本と変数
JavaScriptは、Webサイトに動きや機能を追加するためのプログラミング言語です。変数は、データを保存するための箱のようなものです。let、const、varなどのキーワードを使って変数を宣言し、値を代入することができます。
タスク
変数の宣言
let、const、varを使って変数を宣言しましょう。
値の代入
変数に値を代入しましょう。
変数の使用
console.logを使って変数の値を表示しましょう。
値の変更
letとvarで宣言した変数の値を変更してみましょう。
ヒント
変数の宣言と代入の基本を学びましょう。
参考コード
// 変数の宣言と代入
let name = "太郎";
const age = 20;
var hobby = "プログラミング";
// 変数の値を表示
const output = document.getElementById("output");
output.innerHTML = `<p>名前: ${name}</p>`;
output.innerHTML += `<p>年齢: ${age}</p>`;
output.innerHTML += `<p>趣味: ${hobby}</p>`;
// 変数の値を変更
name = "次郎";
// age = 21; // エラー: constは再代入不可
hobby = "ゲーム";
// 変更後の値を表示
output.innerHTML += "<p>\n変更後:</p>";
output.innerHTML += `<p>名前: ${name}</p>`;
output.innerHTML += `<p>年齢: ${age}</p>`;
output.innerHTML += `<p>趣味: ${hobby}</p>`;