67 lines
2.8 KiB
HTML
67 lines
2.8 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'];
|
|
|
|
// Funktionen
|
|
const sortByLength = (ar = []) => {
|
|
return ar.sort((a, b) => b.length - a.length);
|
|
};
|
|
|
|
// Sortieren nach Länge
|
|
const sortedCities = sortByLength(cities); //cities.sort((a, b) => b.length - a.length);
|
|
const sortedCountries = sortByLength(countries); // countries.sort((a, b) => b.length - a.length);
|
|
const sortedRivers = sortByLength(rivers); // rivers.sort((a, b) => b.length - a.length);
|
|
|
|
console.log(sortByLength());
|
|
|
|
console.log(sortedCities);
|
|
console.log(sortedCountries);
|
|
console.log(sortedRivers);
|
|
</script>
|
|
</body>
|
|
</html>
|