49 lines
1.5 KiB
HTML
49 lines
1.5 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 16: Geoquiz</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">
|
|
<div class="alert alert-primary">
|
|
<h2>Übung 16: Geoquiz</h2>
|
|
<p>
|
|
Eine Schule gibt die Entwicklung eines Geoquiz in Auftrag, bei dem Schüler die Hauptstädte verschiedener
|
|
Staaten nennen müssen. Deine Aufgabe besteht in der Entwicklung der Lösungsfunktion
|
|
<code>getCapitalOf</code>, die eine Hauptstadt zum übergebenen Staat (<code>country</code>) zurückliefert.
|
|
</p>
|
|
|
|
<ol class="list">
|
|
<li>Entferne das zweite Element aus jeder Kategorie.</li>
|
|
<li>Füge jeweils ein neues Element hinzu.</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<script>
|
|
'use strict';
|
|
|
|
const countriesWithCapital = [
|
|
['UK', 'London'],
|
|
['France', 'Paris'],
|
|
['Germany', 'Berlin'],
|
|
['Switzerland', 'Bern'],
|
|
['Austria', 'Vienna'],
|
|
['Russia', 'Moscow'],
|
|
];
|
|
|
|
const getCapitalOf = (country) => {
|
|
return countriesWithCapital.find((elemArr) => {
|
|
return elemArr[0] === country;
|
|
})[1];
|
|
};
|
|
|
|
console.log(getCapitalOf('Switzerland')); // => 'Bern'
|
|
</script>
|
|
</body>
|
|
</html>
|