75 lines
2.8 KiB
HTML
75 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 48: Fröhliches Mixen mit Arrays</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 48: Fröhliches Mixen mit Arrays</h1>
|
|
|
|
<img
|
|
src="https://de.webmasters-europe.org/system/course_management/file/images/files/000/020/558/800-533/241aa384e6005cdebbd01c4ba4e4fa69.jpg?1644493807"
|
|
class="img-thumbnail my-3"
|
|
width="400"
|
|
alt="Cocktail Party" />
|
|
|
|
<p>
|
|
Nach so viel trockener Theorie hast du Durst. Du öffnest deinen Kühlschrank und siehst eine angebrochene
|
|
Packung Maracujasaft, die dringend verbraucht werden muss. Mit Maracujasaft lassen sich tatsächlich tolle
|
|
Cocktails zaubern, und gerade letztens hat dir ein Freund den Honolulu Flip empfohlen. Jetzt wäre es perfekt,
|
|
wenn in dem besagten Cocktail Maracujasaft enthalten wäre …
|
|
</p>
|
|
</div>
|
|
</main>
|
|
<script>
|
|
'use strict';
|
|
|
|
const honoluluFlip = [
|
|
'Maracuja Juice', //
|
|
'Pineapple Juice',
|
|
'Lemon Juice',
|
|
'Grapefruit Juice',
|
|
'Crushed Ice',
|
|
];
|
|
|
|
const ingredientsFromMyBar = [
|
|
'Pineapple',
|
|
'Maracuja Juice',
|
|
'Cream',
|
|
'Lemon Juice',
|
|
'Grapefruit Juice',
|
|
'Crushed Ice',
|
|
'Milk',
|
|
'Apple Juice',
|
|
'Aperol',
|
|
'Pineapple Juice',
|
|
'Limes',
|
|
'Lemons',
|
|
];
|
|
|
|
// Funktionen
|
|
|
|
// 1. Schreibe eine Funktion, `hasIngredient`, die `true` zurückgibt, wenn eine angegebene Zutat in einer Rezeptliste vorhanden ist. Rufe deine Funktion mit Maracujsasaft und Honolulu Flip auf.
|
|
|
|
const hasIngredient = (cocktailAr = [], searchStr) => {
|
|
return cocktailAr.includes(searchStr);
|
|
};
|
|
|
|
//alert(hasIngredient(honoluluFlip, 'Maracuja Juice'));
|
|
|
|
// 2. So richtig sinnvoll ist unsere Funktion noch nicht. Viel hilfreicher wäre es, wenn wir eine Funktion hätten, die anhand unserer vorhandenen Zutaten herausfindet, ob wir den Cocktail auch tatsächlich machen können. Dafür benötigst du die komplette Liste aller bei dir vorhandenen Zutaten (ingredientsFromMyBar). Du möchtest wissen, ob du alle Zutaten vorrätig hast, die du zum Mixen des Cocktails benötigst.
|
|
|
|
const isMixableWith = (cocktailAr, allAr = []) => {
|
|
return cocktailAr.every((str) => hasIngredient(allAr, str));
|
|
};
|
|
|
|
//honoluluFlip isMixableWith ingredientsFromMyBar?
|
|
console.log(isMixableWith(honoluluFlip, ingredientsFromMyBar)); // => true
|
|
</script>
|
|
</body>
|
|
</html>
|