54 lines
2.2 KiB
HTML
54 lines
2.2 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 39: Stadt, Land, Fluss</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 39: Stadt, Land, Fluss</h1>
|
|
<p>
|
|
Bei dem bekannten deutschen Quiz-Spiel »Stadt, Land, Fluss« müssen die Spieler zu bestimmten Kategorien Wörter
|
|
finden, die mit einem bestimmten Buchstaben beginnen. Jeder schreibt die Wörter für sich alleine auf. Sobald
|
|
einer der Spieler für jede Kategorie ein Wort gefunden hat, ruft er »Stop« und alle müssen das Aufschreiben
|
|
einstellen. Dann wird verglichen. Mehrfach gefundene Wörter werden gestrichen, alle anderen erhalten je nach
|
|
Spielregel und Variante Punkte.
|
|
</p>
|
|
<p>
|
|
Bei einer Variante des Spiels ist zusätzlich die Wortlänge ausschlaggebend. Das längste Wort bringt dabei die
|
|
meisten Punkte. Natürlich möchte niemand tatsächlich die Buchstaben der Wörter zählen. Dafür gibt es
|
|
schließlich JS.
|
|
</p>
|
|
<p>
|
|
Schreiben Sie eine Funktion, die Wörter einer Kategorie nach Länge sortiert. Das längste Wort soll dabei vorne
|
|
stehen.
|
|
</p>
|
|
<div class="outputA alert alert-secondary"></div>
|
|
<div class="outputB alert alert-secondary"></div>
|
|
<div class="outputC alert alert-secondary"></div>
|
|
</div>
|
|
</main>
|
|
|
|
<script>
|
|
'use strict';
|
|
|
|
// Variablen Ausgabe
|
|
const outputElA = document.querySelector('.outputA');
|
|
const outputElB = document.querySelector('.outputB');
|
|
const outputElC = document.querySelector('.outputC');
|
|
|
|
// Variablen
|
|
const cities = ['Barcelona', 'Basel', 'Belgrade', 'Berlin', 'Budapest'];
|
|
const countries = ['Belgium', 'Bulgaria', 'Brazil', 'Bolivia', 'Bosnia and Herzegovina'];
|
|
const rivers = ['Bode', 'Brahmaputra', 'Beuvron', 'Black River', 'Belaja'];
|
|
|
|
// Sortieren nach Länge
|
|
|
|
// TODO: do it
|
|
</script>
|
|
</body>
|
|
</html>
|