Das klingt schwieriger als es wirklich ist.
Was ist JavaScript in Abgrenzung zu HTML und CSS?
JavaScript ist eine Programmiersprache (Skriptsprache), die direkt im Browser funktioniert und Webinhalte dynamisch macht (erstellbar, veränderbar etc.).
HTML ist ein sogenanntes MarkUp (also eine Auszeichnungssprache, das heißt nichts weiter als Text, der Dinge wie Paragraphen, Blöcke etc. darstellt).
HTML = Hypertext Markup Language
CSS ist eine Sprache, um Webelementen verschiedene Designs zuzuweisen (z. B. Text fett machen, Blöcken Hintergrundfarben geben, Bildgrößen ändern etc.).
CSS = Cascading Style Sheets (Kaskadieren meint das stufenförmige Anordnen von Bauelementen)
- Variablen erstellen und abfragen
Man erstellt Variablen in Javascript mit "var". Beispiel:
var hauswert = 200000;
var maklersteuer = 5000;
var zahlpreis = hauswert + maklersteuer;
console.log("Der Zahlpreis ist: "+zahlpreis);
Den Code kannst du hier ausführen:
https://jsfiddle.net/kai_noack/tj7q12wu/2/
- Funktionen erstellen und verwenden
Funktionen sind Blöcke, die etwas ausführen. Man kann ihnen Werte übergeben. Der veränderte Wert wird mit "return" zurückgegeben. Beispiel:
function verdopple(wert)
{
wertneu = 2*wert;
return wert;
}
var tempo = 50;
var tempodoppel = verdopple(tempo);
console.log("Die doppelte Geschwindigkeit ist "+tempodoppel+" km/h.");
Ausführen:
https://jsfiddle.net/kai_noack/sxd1fwet/3/
- Inhalte von Tags ändern (über eine ID ansprechen)
Man kann einem Webelement eine ID wie folgt zuweisen, im HTML:
<p id="satz1">Das ist mein erster Satz</p>
<p id="satz2">Das ist mein erster Satz</p>
Und danach mit Javascript aufgreifen und ändern:
var dersatz = document.getElementById("satz2");
dersatz.innerHTML = "Neuen Text gesetzt!";
Schau es dir hier an:
https://jsfiddle.net/kai_noack/y2hv6eL1/2/
