確認テスト: 変数
この確認テストの目的は、あなたが必要な情報を保管する — 変数の記事を理解したかどうかを評価することです。
メモ: 手助けが必要な場合は、確認テスト使用ガイドをお読みください。また、コミュニケーションチャネルのいずれかを使用して、私たちに連絡することもできます。
変数 1
この課題では、既存の変数 myName に格納されている値を自分の名前に修正するために、新しい行を追加する必要があります。
この課題の出発点は次のようなものです。
この出発点の基盤となるコードは次の通りです。
js
let myName = "Paul";
// 以上のコードは編集しないでください。
// ここにコードを追加
// 以下のコードは編集しないでください。
const section = document.querySelector("section");
const para = document.createElement("p");
para.textContent = myName;
section.appendChild(para);
更新後の出力は次のようになります。
ここをクリックすると、模範解答を表示します。
最終的な JavaScript は次のようになります。
js
// ...
// 以上のコードは編集しないでください。
myName = "Chris";
// 以下のコードは編集しないでください。
// ...
変数 2
これで最後の課題です。この場合、 2 つのエラーが存在する既存のコードが指定されます。結果パネルには、名前 Chris と、 20 年後の時点で Chris が何歳になっているかという文が出力されるはずです。どのように問題を修正し、出力を修正することができますか？
この課題の出発点は次のようなものです（まだ何も見えません）。
この出発点の基盤となるコードは次の通りです。
js
// 以下のコードを修正
const myName = "Default";
myName = "Chris";
let myAge = "42";
// 以下のコードは編集しないでください。
const section = document.querySelector("section");
const para1 = document.createElement("p");
const para2 = document.createElement("p");
para1.textContent = myName;
para2.textContent = `In 20 years, I will be ${myAge + 20}`;
section.appendChild(para1);
section.appendChild(para2);
更新後の出力は次のようになります。
ここをクリックすると、模範解答を表示します。
最終的な JavaScript は次のようになります。
js
// const を let に変更して、値を変更できるようにする
let myName = "Default";
myName = "Chris";
// myAge は数値データ型でなければならない
let myAge = 42;
// 以下のコードは編集しないでください。
// ...
関連情報
Practice time - Part 3: let and const MDN 学習パートナー である Scrimba による、let および const に関する複数のテストを提供するインタラクティブなチャレンジです。