Hallo Leute,
Da einige von euch die Basics von JavaScript nicht draufhaben veranstalte ich mal
ein kleines Tutorial darüber. Ich hoffe ich erkläre es euch ausführlich genug. Sollten
Fragen offen bleiben schreibt mir eine PN. Ich wünsche dir viel Glück und Spaß!
Bemühen wir uns um das Grundgerüst wie es bei Html auch der Fall ist.
Also:
<html>
<head>
<title>JavaScript</title>
<script type="text/javascript">
<!--
//Hier drinne steht das Script.
//Mit "//" Kommentierst du den Rest einer Zeile aus das heißt es wird im Script nicht verarbeitet.
-->
</head>
<body>
</body>
</html>If-Abfragen und Variablen
Eine "If-Abfrage" ist eine Abfrage auf einen bestimmten TAG ob etwas ein Fall ist. Ein Beispiel:
if = "Hans geht einkaufen" dann....
Also wenn Hans einkaufen geht dann Passiert das und das. Zum Beispiel:
if = "Hans geht einkaufen" then "Bezahlt er seinen einkauf";
Das ist etwas kompliziert wenn man es beschreiben muss aber auf diese Komponente kommen wir später zurück.
Meistens wenn du eine Abfrage startest sind Variablen im Spiel, diese sind mit dem "var"-TAG kategorisiert.
Wenn wir möchten das eine Variable einen Alert mit Eingabeaufforderung verlangt dann nutzen wir diese Zeile
var Eingabe = prompt("Gebe dein Alter an.");Sollte in der Zeile nicht angegeben werden soll ausgegeben werden das man die Eingabe wiederholen soll.
Das sieht so aus:
if(Eingabe == "") {
alert("Schreibe doch was...");
}So sollte Angegeben werden das der Benutzer 14 Jahre alt ist soll
eine Meldung mit: "Schönes Alter..." erscheinen.
Dazu nehmen wir unsere Komponente und fügen was hinzu
if(Eingabe == "") {
alert("Schreibe doch was...");
} else if(Eingabe == "14") {
alert("Schönes Alter...");
}Im endeffekt sollte Das Script so Aussehen:
Spoiler anzeigen
<html>
<head>
<title>JavaScript</title>
<script type="text/javascript">
<!--
var Eingabe = prompt("Bitte sage mir deinen Namen ;D");
if(Eingabe == "") {
alert("Du hast nichts angegeben!");
} else if(Eingabe == "14") {
alert("Schönes Alter...");
}
-->
</script>
</head>
<body>
</body>
</html>
Das ganze solltet ihr als Dateiname.html speichern. also als HTML Dokument
Im nächstem Teil befassen wir uns noch etwas mit Variablen und CSS...
Kommentieren nicht vergessen ;D
