Testen Sie Ihre Fähigkeiten: Variablen

Interaktive Herausforderung

Zuerst bieten wir Ihnen eine unterhaltsame, interaktive Variablen-Herausforderung, die von unserem Lernpartner, Scrimba, erstellt wurde.

Sehen Sie sich die eingebettete Scrim an und erledigen Sie die Aufgabe auf der Zeitleiste (das kleine Geister-Icon), indem Sie den Anweisungen folgen und den Code bearbeiten. Wenn Sie fertig sind, können Sie die Scrim fortsetzen, um zu überprüfen, wie die Lösung des Lehrers mit Ihrer übereinstimmt.

Aufgabe 1

Um diese Aufgabe abzuschließen, fügen Sie eine neue Zeile hinzu, um den Wert, der in der bestehenden Variablen myName gespeichert ist, durch Ihren eigenen Namen zu korrigieren.

<section></section>

* {
  box-sizing: border-box;
}

p {
  color: purple;
  margin: 0.5em 0;
}

let myName = "Paul";

// Don't edit the code above here!

// Add your code here

// Don't edit the code below here!

const section = document.querySelector("section");
const para = document.createElement("p");
para.textContent = myName;
section.appendChild(para);

// ...
// Don't edit the code above here!

myName = "Chris";

// Don't edit the code below here!
// ...

Aufgabe 2

Die letzte Aufgabe für jetzt — in diesem Fall wird Ihnen etwas vorhandener Code bereitgestellt, der zwei Fehler enthält. Das Ergebnisfenster sollte den Namen Chris und eine Aussage darüber ausgeben, wie alt Chris in 20 Jahren sein wird. Wir möchten, dass Sie das Problem beheben und die Ausgabe korrigieren.

// Fix the following code

const myName = "Default";
myName = "Chris";

let myAge = "42";

// Don't edit the code below here!

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);

// Turn the const into a let, so the value can be changed
let myName = "Default";
myName = "Chris";

// myAge needs to have a number datatype
let myAge = 42;

// Don't edit the code below here!
// ...

Siehe auch

Schauen Sie sich auch Übungszeit - Teil 3: let und const ^{MDN Lernpartner} von Scrimba an: Eine interaktive Herausforderung, die mehrere Tests zu let und const bietet.

• Zurück
• Übersicht: Dynamisches Scripting mit JavaScript
• Weiter