Testen Sie Ihre Fähigkeiten: Variablen

Interaktive Herausforderung

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

Sehen Sie sich den eingebetteten Scrim an und schließen Sie die Aufgabe auf der Zeitleiste (das kleine Geistersymbol) ab, indem Sie den Anweisungen folgen und den Code bearbeiten. Wenn Sie fertig sind, können Sie den Scrim weiter ansehen, um zu überprüfen, wie die Lösung des Lehrers mit Ihrer übereinstimmt.

Aufgabe 1

Um diese Aufgabe zu vervollständigen, fügen Sie eine neue Zeile hinzu, um den in der vorhandenen myName-Variable gespeicherten Wert auf 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 zur Verfügung gestellt, der zwei Fehler enthält. Im Ergebnisfenster sollte der Name Chris ausgegeben werden und eine Aussage darüber, 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 Praxiszeit - 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 Skripting mit JavaScript
• Weiter