74 lines
3.0 KiB
HTML
74 lines
3.0 KiB
HTML
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Übung 22: Die dunkle Seite schlägt zurück …</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<div class="container py-5">
|
|
<h1>Übung 22: Die dunkle Seite schlägt zurück …</h1>
|
|
|
|
<p>
|
|
Endlich setzt du deinen Kampf gegen die dunkle Seite von JS fort (siehe Übung 20) und erstellst zwei neue
|
|
»Kampf-Sequenzen«:
|
|
</p>
|
|
<p>»What's the German word for if« (Mehrere Lösungsmöglichkeiten: wenn, falls).</p>
|
|
<p>»Now, please enter a string with a length between 8 and 15 characters …«</p>
|
|
</div>
|
|
<div class="alert alert-primary">
|
|
<h2>Übung 23: Die dunkle Seite schlägt zurück…</h2>
|
|
<p>
|
|
Endlich setzen Sie Ihren Kampf gegen die dunkle Seite von JS fort (siehe Übung 20) und erstellen zwei neue
|
|
»Kampf-Sequenzen«:
|
|
</p>
|
|
<ul class="list">
|
|
<li>»What's the German word for if« (Mehrere Lösungsmöglichkeiten: wenn, falls).</li>
|
|
<li>»Now, please enter a string with a length between 8 and 15 characters…«</li>
|
|
</ul>
|
|
</div>
|
|
</main>
|
|
<script>
|
|
'use strict';
|
|
|
|
const QUESTION_1 = 'Which Operators has the higher priority: * or + ?';
|
|
const SOLUTION_1 = '*';
|
|
|
|
const QUESTION_2 = "What's the German word for if";
|
|
const SOLUTION_2A = 'wenn';
|
|
const SOLUTION_2B = 'falls';
|
|
|
|
// 1.Als ersten Schritt fragen Sie den Spieler nach seinem Namen, speichern diesen in eine Variable und begrüßen ihn mittels einer Alert-Box.
|
|
const name = prompt('Wie heißen Sie?');
|
|
alert(`Hallo ${name}`);
|
|
// 2.Stellen Sie dem Spieler die Frage, ob er sich fit genug fühlt, um gegen das dunkle JavaScript anzutreten. Es ist sinnvoll, bei der Frage die Antwortmöglichkeiten anzugeben.
|
|
const fitness = prompt('Fühlen Sie sich fit genug, um gegen das dunkle JavaScript anzutreten. ja oder nein?');
|
|
if (fitness === 'ja') {
|
|
alert('Das Spiel startet! Gib alles !');
|
|
let answer = prompt(QUESTION_1);
|
|
if (answer === SOLUTION_1) {
|
|
alert('Gratulation');
|
|
let answer = prompt(QUESTION_2);
|
|
if (answer === SOLUTION_2A || answer === SOLUTION_2B) {
|
|
alert('Gratulation');
|
|
let answer = prompt('Now, please enter a string with a length between 8 and 15 characters…');
|
|
if (answer.length >= 8 && answer.length <= 15) {
|
|
alert('Gratulation');
|
|
} else {
|
|
alert('Das war falsch!');
|
|
}
|
|
} else {
|
|
alert('Das war falsch!');
|
|
}
|
|
} else {
|
|
alert('Das war falsch!');
|
|
}
|
|
} else if (fitness === 'nein') {
|
|
alert('Go Home');
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|