Testen Sie Ihre Fähigkeiten: Strings

In unserer ersten String-Aufgabe beginnen wir klein. Sie haben bereits die Hälfte eines berühmten Zitats in einer Variablen namens quoteStart, und wir möchten, dass Sie es vervollständigen.

Um die Aufgabe zu vervollständigen:

1. Klicken Sie auf "Play" im folgenden Codeblock, um das Beispiel im MDN Playground zu bearbeiten.
2. Schlagen Sie die andere Hälfte des Zitats nach und fügen Sie sie dem Beispiel innerhalb einer Variablen namens quoteEnd hinzu.
3. Verketten Sie die beiden Strings, um einen vollständigen String mit dem gesamten Zitat zu erstellen. Speichern Sie das Ergebnis in einer Variablen namens finalQuote.
4. Sie werden feststellen, dass Sie an diesem Punkt einen Fehler erhalten. Können Sie das Problem mit quoteStart beheben, damit das vollständige Zitat korrekt angezeigt wird?

Wenn Sie einen Fehler machen, können Sie Ihre Arbeit mit der Schaltfläche Zurücksetzen im MDN Playground löschen. Wenn Sie wirklich nicht weiterkommen, können Sie die Lösung unterhalb der Live-Ausgabe anzeigen.

<section></section>

* {
  box-sizing: border-box;
}

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

const quoteStart = 'Don't judge each day by the harvest you reap ';

// Add your code here

// Don't edit the code below here!

const section = document.querySelector("section");
const para1 = document.createElement("p");
para1.textContent = finalQuote;
section.appendChild(para1);

// You need to escape the quote
const quoteStart = 'Don\'t judge each day by the harvest you reap ';

const quoteEnd = "but by the seeds that you plant.";

const finalQuote = `${quoteStart}${quoteEnd}`;

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

In dieser Aufgabe werden Ihnen zwei Variablen, quote und substring, zur Verfügung gestellt, die zwei Strings enthalten.

Um die Aufgabe zu vervollständigen:

1. Klicken Sie auf "Play" im folgenden Codeblock, um das Beispiel im MDN Playground zu bearbeiten.
2. Rufen Sie die Länge des Zitats ab und speichern Sie sie in einer Variablen namens quoteLength.
3. Finden Sie die Indexposition, an der substring im quote erscheint, und speichern Sie diesen Wert in einer Variablen namens index.
4. Verwenden Sie eine Kombination der Ihnen zur Verfügung stehenden Variablen und verfügbaren String-Eigenschaften/Methoden, um das ursprüngliche Zitat auf "I do not like green eggs and ham." zu kürzen, und speichern Sie es in einer Variablen namens revisedQuote.

Wenn Sie einen Fehler machen, können Sie Ihre Arbeit mit der Schaltfläche Zurücksetzen im MDN Playground löschen. Wenn Sie wirklich nicht weiterkommen, können Sie die Lösung unterhalb der Live-Ausgabe anzeigen.

const quote = "I do not like green eggs and ham. I do not like them, Sam-I-Am.";
const substring = "green eggs and ham";

// Don't edit the code above here!

// Add your code here

// Don't edit the code below here!

const section = document.querySelector("section");
section.innerHTML = " ";
const para1 = document.createElement("p");
para1.textContent = `The quote is ${quoteLength} characters long.`;
const para2 = document.createElement("p");
para2.textContent = revisedQuote;
section.appendChild(para1);
section.appendChild(para2);

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

const quoteLength = quote.length;
const index = quote.indexOf(substring);
const revisedQuote = quote.slice(0, index + substring.length + 1);

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

In der nächsten String-Aufgabe erhalten Sie dasselbe Zitat, das Sie in der vorherigen Aufgabe hatten, aber es ist etwas kaputt! Wir möchten, dass Sie es reparieren und aktualisieren.

Um die Aufgabe zu vervollständigen:

1. Klicken Sie auf "Play" im folgenden Codeblock, um das Beispiel im MDN Playground zu bearbeiten.
2. Ändern Sie das Gehäuse, um den Satz zu korrigieren (alles klein, außer dem großen Anfangsbuchstaben). Speichern Sie das neue Zitat in einer Variablen namens fixedQuote.
3. Ersetzen Sie in fixedQuote "green eggs and ham" durch ein anderes Essen, das Sie wirklich nicht mögen.
4. Es gibt noch eine kleine Korrektur zu machen — fügen Sie einen Punkt am Ende des Zitats hinzu und speichern Sie die endgültige Version in einer Variablen namens finalQuote.

Wenn Sie einen Fehler machen, können Sie Ihre Arbeit mit der Schaltfläche Zurücksetzen im MDN Playground löschen. Wenn Sie wirklich nicht weiterkommen, können Sie die Lösung unterhalb der Live-Ausgabe anzeigen.

const quote = "I dO nOT lIke gREen eGgS anD HAM";

// Don't edit the code above here!

// Add your code here

// Don't edit the code below here!

const section = document.querySelector("section");
const para1 = document.createElement("p");
para1.textContent = finalQuote;
section.appendChild(para1);

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

let fixedQuote = quote.toLowerCase();
const firstLetter = fixedQuote.slice(0, 1);
fixedQuote = fixedQuote.replace(firstLetter, firstLetter.toUpperCase());
fixedQuote = fixedQuote.replace("green eggs and ham", "pickled onions");
const finalQuote = `${fixedQuote}.`;

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

In der letzten String-Aufgabe haben wir Ihnen den Namen eines Theorems, zwei numerische Werte und einen unvollständigen String gegeben (die hinzuzufügenden Teile sind mit Sternchen (*) markiert). Wir möchten, dass Sie den Wert des Strings ändern.

Um die Aufgabe zu vervollständigen:

1. Klicken Sie auf "Play" im folgenden Codeblock, um das Beispiel im MDN Playground zu bearbeiten.
2. Ändern Sie den String von einem normalen String-Literal in ein Template Literal.
3. Ersetzen Sie die vier Sternchen durch vier eingebettete Ausdrücke von Template-Literalen. Diese sollten sein:
   1. Der Name des Theorems.
   2. Die beiden Zahlenwerte, die wir haben.
   3. Die Länge der Hypotenuse eines rechtwinkligen Dreiecks, vorausgesetzt, die beiden anderen Seitenlängen sind dieselben wie die beiden Werte, die wir haben. Sie müssen nachschlagen, wie man dies mit den vorhandenen Daten berechnet. Machen Sie die Berechnung im Platzhalter.

Wenn Sie einen Fehler machen, können Sie Ihre Arbeit mit der Schaltfläche Zurücksetzen im MDN Playground löschen. Wenn Sie wirklich nicht weiterkommen, können Sie die Lösung unterhalb der Live-Ausgabe anzeigen.

const theorem = "Pythagorean theorem";

const a = 5;
const b = 8;

// Don't edit the code above here!

// Edit the string literal
const myString =
  "Using *, we can work out that if the two shortest sides of a right-angled triangle have lengths of * and *, the length of the hypotenuse is *.";

// Don't edit the code below here!

const section = document.querySelector("section");
const para1 = document.createElement("p");
para1.textContent = myString;
section.appendChild(para1);

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

const myString = `Using ${theorem}, we can work out that if the two shortest sides of a right-angled triangle have lengths of ${a} and ${b},
  the length of the hypotenuse is ${Math.sqrt(a ** 2 + b ** 2)}.`;

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