Ein Experte ist einer, der alle Fehler
schon gemacht hat
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css">
</head>
<body>
</body>
</html>
<script>
var name = prompt("Hallo Welt! Was ist dein Name?");
alert("Hallo " + name);
</script>
<p id="hallotext"></p>
<script>
var name = prompt("Hallo Welt! Was ist dein Name?");
var pElement = document.getElementById("hallotext");
pElement.innerHTML = "Hallo " + name;
</script>
<p id="hallotext"></p>
<script>
var name = prompt("Hallo Welt! Was ist dein Name?");
var pElement = document.getElementById("hallotext");
pElement.innerHTML = "Hallo " + name;
</script>
name = "Anna";
name = "Anette";
Name = "Olaf";
alert(name);
text = "Hallo" + "Welt";
alert(text);
var eineVariable; // Deklaration
eineVariable = 3; // Initialisierung
var eineAndereVariable = 2; // Deklaration + Initialisierung in Einem
eineAndereVariable = 5; // Zuweisung
alert(eineVariable + eineAndereVariable);
Ohne das Schlüsselwort var:
variableOhneVar = 4;
var i; // Einzeiliger Kommentar
var hallo = "Hallo Welt";
/* mehrzeiliger
Kommentar */
/*
* noch ein mehrzeiliger Kommentar,
* hübsch formatiert
*/
alert(hallo /* theoretisch fast überall erlaubt */);
Statt var kann man auch "const" und "let" benutzen.
let nimmt man nur, wenn eine Variable nur innerhalb einer Funktion gültig sein soll.
const definiert eine Konstante, die wie eine Variable benutzt, aber nach der Initialisierung nicht verändert werden kann.
Mehr dazu beim nächsten Mal
Es gibt fünf (!) Grundrechenarten.
alert("fünf plus drei ist " + (5 + 3));
alert("fünf mal drei ist " + (5 * 3));
alert("fünf minus drei ist " + (5 - 3));
alert("fünf geteilt durch drei ist " + (5 / 3));
alert("fünf modulo drei ist " + (5 % 3));
Erstelle eine neue HTML-Datei mit:
Füge folgendes JavaScript hinzu:
var inputOperand1 = document.getElementById("operand1");
var inputOperand2 = document.getElementById("operand2");
var ausgabe = document.getElementById("ausgabe");
document.getElementById("button").addEventListener("click", function() {
let zahl1 = inputOperand1.value;
let zahl2 = inputOperand2.value;
let ergebnis = zahl1 + zahl2;
ausgabe.innerHTML = ergebnis;
});
var zahl1 = Number(inputOperand1.value);
var zahl2 = Number(inputOperand2.value);
alert(typeof(3))