====== 11.3.12) Unsere Scripts ======
===== Reines Javascript =====
var summe = 0,
max = 100,
i = 1;
while (i <= max) {
summe = summe + i;
i++;
}
console.log(summe);
===== JavaScript in HTML =====
==== Ausgabe auf der Console ====
JavaScript in Aktion
JavaScript in Aktion
==== Ein- und Ausgabe mittels Prompt und Alert ====
JavaScript in Aktion
JavaScript in Aktion
==== Ausgabe mittels document.write ====
JavaScript in Aktion
JavaScript in Aktion
Die Summe von 1 bis 100 ist
==== Interaktion mittels Zugriff auf HTML-Elemente ====
JavaScript in Aktion
JavaScript in Aktion
Die Summe von 1 bis ist
JavaScript in Aktion
JavaScript in Aktion
Zahl
Summe:
Zahl addieren
===== Typkonvertierung =====
* [[https://www.w3schools.com/js/js_operators.asp|Variablen]]
* [[https://www.w3schools.com/js/js_operators.asp|Operatoren]]
* [[https://www.w3schools.com/js/js_type_conversion.asp|Konvertierungs-Operatoren]]
==== Eingabeabsicherung====
JavaScript in Aktion
JavaScript in Aktion
Die Summe von 1 bis ist
===== Event mit Eventhandler behandeln =====
//wir entwickeln für HTML 5
//damit der Browser weiß, dass unser File in UTF-8 gespeichert ist, damit sollten Umlaute richtig angezeigt werden.
JavaScript in Aktion
JavaScript in Aktion
Der Kreis mit Radius
besitzt die Fläche
//Das ganze Script kann auch in eine eigene Datei gegeben werden.
besser:
===== Event mit Eventhandler behandeln =====
JavaScript in Aktion
JavaScript in Aktion
Der Kreis mit Radius
besitzt die Fläche
var eingabe=document.getElementById("eingabe");
var ausgabe=document.getElementById("ausgabe")
eingabe.addEventListener('keyup', kreisflaeche);
function kreisflaeche() {
var radius=parseFloat(eingabe.value);
var flaeche=Math.PI*Math.pow(radius,2);
flaeche=flaeche.toFixed(2);
ausgabe.innerHTML=flaeche;
}