+1 Daumen
566 Aufrufe

Ich schreibe demnächst einen Test über Java -Script, dabei sind die Inhalte:

Was ist JavaScript in Abgrenzung zu HTML und CSS?

- Variablen erstellen und abfragen

- Funktionen erstellen und verwenden

- Inhalte von Tags ändern (über eine ID ansprechen)

Ich habe leider keine Ahnung, wie ich das angehen soll.

Es wäre eine große Hilfe, wenn mir jemand zu diesen Punkten genaue Erläuterungen mit Beispielen nennt. Ich bedanke mich für jede Hilfe.

Avatar von

1 Antwort

+1 Daumen

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/

Avatar von

Ein anderes Problem?

Stell deine Frage

Willkommen bei der Stacklounge! Stell deine Frage einfach und kostenlos

x
Made by a lovely community