Testen Sie Ihre Fähigkeiten: Strings

Strings 1

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 abzuschließen:

1. Suchen Sie die andere Hälfte des Zitats und fügen Sie es in das Beispiel in einer Variablen namens quoteEnd ein.
2. Verketten Sie die beiden Strings, um einen einzigen String zu erzeugen, der das vollständige Zitat enthält. Speichern Sie das Ergebnis in einer Variablen namens finalQuote.
3. Sie werden feststellen, dass an diesem Punkt ein Fehler auftritt. Können Sie das Problem mit quoteStart beheben, damit das vollständige Zitat korrekt angezeigt wird?

<section></section>

* {
  box-sizing: border-box;
}

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

Der Ausgangspunkt der Aufgabe sieht so aus (noch wird nichts angezeigt):

Hier ist der zugrunde liegende Code für diesen Ausgangspunkt:

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

Die aktualisierte Ausgabe sollte so aussehen:

// 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!
// ...

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!

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

Strings 2

In dieser Aufgabe werden Ihnen zwei Variablen, quote und substring, bereitgestellt, die zwei Strings enthalten.

Um die Aufgabe abzuschließen:

1. Rufen Sie die Länge des Zitats ab und speichern Sie sie in einer Variablen namens quoteLength.
2. Finden Sie die Indexposition, an der substring in quote erscheint, und speichern Sie diesen Wert in einer Variablen namens index.
3. Verwenden Sie eine Kombination der von Ihnen verfügbaren Variablen und vorhandenen 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.

Der Ausgangspunkt der Aufgabe sieht so aus (noch wird nichts angezeigt):

Hier ist der zugrunde liegende Code für diesen Ausgangspunkt:

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

Die aktualisierte Ausgabe sollte so aussehen:

// ...
// 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!
// ...

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

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

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

Strings 3

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

Um die Aufgabe abzuschließen:

1. Ändern Sie die Groß-/Kleinschreibung, um die korrekte Satzgroßschreibung zu korrigieren (alles klein, außer dem ersten Großbuchstaben). Speichern Sie das neue Zitat in einer Variablen namens fixedQuote.
2. Ersetzen Sie in fixedQuote "green eggs and ham" durch ein anderes Essen, das Sie wirklich nicht mögen.
3. Es gibt noch eine kleine Korrektur zu machen — fügen Sie dem Zitat einen Punkt hinzu und speichern Sie die endgültige Version in einer Variablen namens finalQuote.

Der Ausgangspunkt der Aufgabe sieht so aus (noch wird nichts angezeigt):

Hier ist der zugrunde liegende Code für diesen Ausgangspunkt:

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

Die aktualisierte Ausgabe sollte so aussehen:

// ...
// 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!
// ...

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

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}.`;

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

Strings 4

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

Um die Aufgabe abzuschließen:

1. Ändern Sie den String von einem regulären String-Literal in ein Template-Literal.
2. Ersetzen Sie die vier Sternchen durch vier eingebettete Template-Literal-Ausdrücke. 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 dem, was Sie haben, berechnet. Führen Sie die Berechnung innerhalb des Platzhalters durch.

Der Ausgangspunkt der Aufgabe sieht so aus:

Hier ist der zugrunde liegende Code für diesen Ausgangspunkt:

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

Die aktualisierte Ausgabe sollte so aussehen:

// ...
// 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!
// ...

const theorem = "Pythagorean theorem";

const a = 5;
const b = 8;

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)}.`;

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

• Zurück
• Übersicht: Dynamische Skripterstellung mit JavaScript
• Weiter