zurück | vorwärts |
---|
Wie bereits erwähnt, macht es Sinn dass wir zuerst überlegen, was wir umsetzen möchten. So können wir dann ausarbeiten, was wir für das Projekt alles benötigen.
Wir programmieren einen Dreisatzrechner.
Mit dem Dreisatz können wir von 2 zusammenhängenden Werten den zusammenhängenden Wert einer dritten Zahl berechnen:
20 |
80 |
---|---|
10 |
x |
Das Verhältnis von 20
zu 80
ist gleich wie das Verhältnis von 10
zu x
.
- Welche Elemente benötigen wir für die Umsetzung vom Dreisatz?
- Was für Elemente eignen sich am Besten?
Lösungsvorschlag
- Titel:
<h1>
- Eventuell Text für Erklärung:
<p>
- Drei Felder für die Eingabe der drei Zahlen:
<input>
- Ein Feld für die Lösung:
<p>
oder<input readonly>
- Ein Knopf, damit die Berechnung startet:
<button>
Bei dieser Aufgabe gibt es nicht die eine Lösung. Aber immer einen Lösungsvorschlag.
- Zeichne eine kleine Skizze, wie die Elemente dargestellt werden sollen
Lösungsvorschlag
Bei dieser Aufgabe gibt es nicht die eine Lösung. Aber immer einen Lösungsvorschlag.
PS: Diese Skizze habe ich mit dem Tool app.diagrams.net gezeichnet.
Wir wissen also nun, was wir umsetzen möchten. Lass uns mit dem Grundgerüst starten: Schritt 7: Grundgerüst