Skip to content

Latest commit

 

History

History
68 lines (41 loc) · 1.8 KB

06-Projektanleitung.md

File metadata and controls

68 lines (41 loc) · 1.8 KB

Web: Das erste Webprojekt

zurück vorwärts

Einstieg

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.

Idee

Wir programmieren einen Dreisatzrechner.

Wie funktioniert der Dreisatz?

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.


Elemente

Badge

  • 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.


Skizze

Badge

  • Zeichne eine kleine Skizze, wie die Elemente dargestellt werden sollen
Lösungsvorschlag

Skizze

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