スキルテスト: 変数
このスキルテストの目的は、あなたが必要な情報を保管する — 変数の記事を理解したかどうかを評価することです。
メモ: 手助けが必要な場合は、スキルテスト使用ガイドをお読みください。また、コミュニケーションチャネルのいずれかを使用して、私たちに連絡することもできます。
変数 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 needs to have a number datatype
let myAge = 42;
// 以下のコードは編集しないでください。
// ...