Benutzer-Werkzeuge

Webseiten-Werkzeuge


javascript

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
javascript [2014/11/02 13:06]
admin
javascript [2015/11/11 09:40] (aktuell)
admin
Zeile 1: Zeile 1:
 ====== JavaScript ====== ====== JavaScript ======
 +
 +[[http://​jsfiddle.net|Super Testumgebung für HTLL, CSS, Javascript]]
 +
 +http://​www.rolandgeyer.at/​kurse/​german/​javasrc/​js001.html
  
 http://​www.w3schools.com/​js/​ http://​www.w3schools.com/​js/​
  
 http://​www.html-seminar.de/​javascript.htm http://​www.html-seminar.de/​javascript.htm
 +
 +http://​comsci.liu.edu/​~murali/​js/​example1.htm
  
 http://​www.javaworld.com/​article/​2077176/​scripting-jvm-languages/​using-javascript-and-forms.html http://​www.javaworld.com/​article/​2077176/​scripting-jvm-languages/​using-javascript-and-forms.html
Zeile 58: Zeile 64:
 </​html>​ </​html>​
 </​code>​ </​code>​
 +
 +<code html do_while.html>​
 +<​!DOCTYPE html>
 +<​html>​
 +  <​body>​
 +    <script type="​text/​javascript">​
 +      var i=0
 +      do {
 +           ​document.write("​The number is " + i)
 +           ​document.write("<​br />"​)
 +           i=i+1
 +         }
 +      while (i<10)
 +    </​script>​
 +  </​body>​
 +</​html>​
 +</​code>​
 +
  
  
Zeile 117: Zeile 141:
       }       }
       document.write(num+"<​br/>"​);​       document.write(num+"<​br/>"​);​
 +    }
 +    </​script>​
 +  </​body>​
 +</​html>​
 +</​code>​
 +
 +
 +<code html turm2.html>​
 +<​!DOCTYPE html>
 +<​html>​
 +  <​head>​
 +    <​title>​Turmrechnung</​title>​
 +  </​head>​
 +  <​body>​
 +    <​h1><​i><​font color="#​FF0000">​Turmrechnung</​font></​i></​h1>​
 +    <form name="​Formular"​ action="">​
 +      <input type="​text"​ name="​Eingabe"​ value=""​ size="​3">​
 +      <input type="​button"​ value="​Turm berechnen"​ onclick="​testResults(this.form)">​
 +    </​form>​
 + 
 +    <​script>​
 +    function testResults (form) {
 +      var num = document.Formular.Eingabe.value;​
 +      var result = num;
 +      document.write("<​h3>​Turmrechnung</​h3><​br/>"​);​
 +      document.write('<​table border="​0"​ cellspacing="​1"​ cellpadding="​1">'​)
 +      for (i=2; i<=9; i++) {
 +        result = num * i;
 +        document.write("<​tr><​td width='​250'​ align='​right'>"​ + num + " * " + i + "</​td></​tr>"​);​
 +        num = result;
 +      }
 +      for (i=2; i<=9; i++) {
 +        result = num / i;
 +        document.write("<​tr><​td width='​250'​ align='​right'>"​ + num + " / " + i + "</​td></​tr>"​);​
 +        num = result;
 +      }
 +        document.write("<​tr><​td width='​250'​ align='​right'>"​ + num + "&​nbsp&​nbsp&​nbsp&​nbsp&​nbsp</​td></​tr>"​);​
     }     }
     </​script>​     </​script>​
Zeile 148: Zeile 209:
  
 <code html formular1.html>​ <code html formular1.html>​
 +<​!DOCTYPE html>
 +<​HTML>​
 +  <​HEAD>​
 +    <​TITLE>​Test Input</​TITLE>​
 +  <SCRIPT LANGUAGE="​JavaScript">​
 +  function testResults (form) {
 +    var TestVar = form.inputbox.value;​
 +    alert ("You typed: " + TestVar);
 +  }
 +  </​SCRIPT>​
 +  </​HEAD>​
 +  <​BODY>​
 +    <FORM NAME="​myform"​ ACTION=""​ METHOD="​GET">​Enter something in the box: <BR>
 +      <INPUT TYPE="​text"​ NAME="​inputbox"​ VALUE=""><​P>​
 +      <INPUT TYPE="​button"​ NAME="​button"​ Value="​Click"​ onClick="​testResults(this.form)">​
 +    </​FORM>​
 +  </​BODY>​
 +</​HTML>​
 +</​code>​
 +
 +<code html formular2.html>​
 <​!DOCTYPE html> <​!DOCTYPE html>
 <​HTML>​ <​HTML>​
Zeile 172: Zeile 254:
 </​HTML>​ </​HTML>​
 </​code>​ </​code>​
- 
-<code html formular2.html>​ 
-<​!DOCTYPE html> 
-<​HTML>​ 
-  <​HEAD>​ 
-    <​TITLE>​Test Input</​TITLE>​ 
-  <SCRIPT LANGUAGE="​JavaScript">​ 
-  function testResults (form) { 
-    var TestVar = form.inputbox.value;​ 
-    alert ("You typed: " + TestVar); 
-  } 
-  </​SCRIPT>​ 
-  </​HEAD>​ 
-  <​BODY>​ 
-    <FORM NAME="​myform"​ ACTION=""​ METHOD="​GET">​Enter something in the box: <BR> 
-      <INPUT TYPE="​text"​ NAME="​inputbox"​ VALUE=""><​P>​ 
-      <INPUT TYPE="​button"​ NAME="​button"​ Value="​Click"​ onClick="​testResults(this.form)">​ 
-    </​FORM>​ 
-  </​BODY>​ 
-</​HTML>​ 
 </​code>​ </​code>​
  
Zeile 227: Zeile 289:
 </​html>​ </​html>​
 </​code>​ </​code>​
 +
 +===== Umwandlung von Text in Zahlen =====
 +
 +Achtung: alle Zahleneingaben werden als Text interpretiert!
 +
 +Lösung1: a=1*a => a damit wird a eine Zahl \\
 +Lösung2: var laenge = parseFloat(strLaenge);​
 +
 +
 +  -Erstelle ein Javascript, das deinen Namen im Browserfenster ausgibt.
 +  -Erstelle ein Javascript, das das Produkt zweier Zahlen im Browserfenster ausgibt.
 +  -Erstelle ein Javascript, das die Eingabe von zwei Zahlen im Browser ermöglicht und die Summe dieser Zahlen im Browserfenster ausgibt.
 +  -Erstelle ein Javascript, das die Eingabe von zwei Zahlen im Browser ermöglicht und das die prozentuelle Änderung dieser Zahlen im Browserfenster ausgibt.
 +  -Erstelle ein Javascript, das die Zahlen 1 bis 20 und deren Kubikzahlen im Browserfenster ausgibt.
 +  -Erstelle ein Javascript, das die Zahlen 1 bis 20 und deren Kubikzahlen in einer Tabelle im Browserfenster ausgibt.
 +
 +#5 und #6 als Hausübung bis 17.11.2014
 +
 +Funktionen
 +
 +
javascript.1414929990.txt.gz · Zuletzt geändert: 2014/11/02 13:06 von admin