Hallo Zusammen zu unsere Javascript Grundlagen Tutorial.
Um Javascript zu benutzen gibt es verschiedene Möglichkeiten.
-Inline
|
1 2 3 4 5 |
<script type="text/javascript"> ........ </script> |
-aus einer .js Datei
|
1 |
<script src="dateiname.js"></script> |
Das auslagern das Code in einer .js Datei ist, zur Übersichtlichkeit, sehr zu empfehlen.
Wir können Javascript, wie in den folgenden kleinen Beispielen benutzen.
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<button onclick="colorChange()">red</button> <p id="para">green</p> <script type="text/javascript"> function colorChange(){ document.getElementById("para").style.color = "red"; } </script> |
in diesen einfachen Beispiel ändern wir mittels Javascript die Farbe des p-tags Inhalt auf rot.
|
1 |
<button onclick="window.location.href='/startseite'">Startseite</button> |
So können wir mittels Javascript navigieren .
Als letztes Beispiel wollen wir noch eine Fehlermeldung erzeugen.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<button onclick="checkInput()">Check Input</button> <input id="input" type="text" value="" placeholder="Geben Sie das Wort Rot ein" /> <script type="text/javascript"> function checkInput(){ var input = document.getElementById("input").value; if(input === "Rot"){ alert("Es stimmt überein"); } else { alert("Leider war Ihre Eingabe falsch"); } } </script> |
Hier wird überprüft ob der Benutzer in dem Eingabefeld das Wort „Rot“ eingibt , wenn er dies Tut bekommt er eine Bestätigung dafür. Eine falsche Eingabe erzeugt eine Fehlermeldung.
Nun noch paar Grundlegende dinge.
Einleiten von Variablen
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
global_v = "test_global"; //nicht Globale Variablen test(); zwei(); function test(){ var test = "test"; //hier können wir die Globale Variable benutzen console.log(global_v); //Die nicht Gloabale können wir hier ausgeben console.log(test); } function zwei(){ //hier können wir die Globale Variable benutzen console.log(global_v); //Die nicht Gloabale Variable aus der Funktion test können wir hier nicht ausgeben console.log(test); } |
Bei fragen scheut euch nicht in die Kommentare zu schreiben.
Schreibe einen Kommentar