(Programmierung mit JavaScript) 2 - Variablen

2. A3 - Berechnung des Brutto (Netto + MwSt)

HTML - Code

Hier nur noch der Ausschnit des <body>-Tags.

Ausgabe im Browser

Beschreibung des HTML

Die Ausgabe ist minimal anders formatiert: Die Eingabefelder und der Button stehen untereinander. Dazu dient jeweils der Zeilenumbruch <br>. Das Ergebnis ist in einem eigenen Abschnitt (<p> für paragraph).

Neu hinzugekommen ist im zweiten Eingabefeld Zeile 19 das Attribut value="19". Damit wird erreicht, dass dieses Eingabefeld schon mit einem Wert vorbelegt ist. Das ergibt bei der MwSt Sinn.

Beschreibung des JavaScript

Das JavaScript Programm hat sich zunächst nur um eine weitere Variable geändert: Die beiden Eingabefelder netto und mwst werden in jeweils einer Variable gespeichert und wie gehabt nach der Berechnung das ergebnis.

Nun zur Formel:
19 % bedeutet ja 19 von 100, als mathematischer Ausdruck, also 19/100. Diesen Prozentsatz von einem Betrag z. B. von 50 € ist übersetzt wieder 50 * 19/100. Diese würde uns die MwSt. berechnen, haben wollen wir aber den Bruttopreis, das ist der Nettopreis + den berechneten MwSt. Zusammen mit den Variablennamen ergibt das: netto + netto * mwst / 100 (man beachte hier 'Punkt- vor Strichrechnung').

Und zum guten Schluss (Zeile 15) hängen wir hinter das Ergebnis noch das -Zeichen dran. Man darf in JavaScript einfach noch etwas Text zu einer Variablen dranhängen - man nennt das Konkatenieren und wird so geschrieben + " €"