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
Letzte Überarbeitung Beide Seiten der Revision
javascript [2014/10/28 21:01]
admin
javascript [2015/11/11 09:38]
admin
Zeile 1: Zeile 1:
 ====== JavaScript ====== ====== JavaScript ======
 +
 +http://​jsfiddle.net
 +
 +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.tutorialspoint.com/​javascript http://​www.tutorialspoint.com/​javascript
Zeile 56: 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 98: Zeile 124:
       <input type="​button"​ value="​Turm berechnen"​ onclick="​testResults(this.form)">​       <input type="​button"​ value="​Turm berechnen"​ onclick="​testResults(this.form)">​
     </​form>​     </​form>​
 + 
     <​script>​     <​script>​
     function testResults (form) {     function testResults (form) {
Zeile 106: Zeile 132:
       for (i=2; i<=9; i++) {       for (i=2; i<=9; i++) {
         result = num * i;         result = num * i;
-        document.write(num+"​ * "​+i+"​ = "​+result+"<​br/>"​);​+        document.write(num+"​ * "​+i+"​<​br/>"​);​ 
 +        num result; 
 +      } 
 +      for (i=2; i<=9; i++) { 
 +        result = num / i; 
 +        document.write(num+"​ / "+i+"<​br/>"​);​ 
 +        num = result
 +      } 
 +      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;         num = result;
       }       }
-      document.write("<​br/>"​);​ 
       for (i=2; i<=9; i++) {       for (i=2; i<=9; i++) {
         result = num / i;         result = num / i;
-        document.write(num+"​ / "+i+ " ​= "​+result+"​<br/>"​);​+        document.write("<​tr><​td width='​250'​ align='​right'>"​ + num + " / " + i + "</td></​tr>"​);​
         num = result;         num = result;
       }       }
 +        document.write("<​tr><​td width='​250'​ align='​right'>"​ + num + "&​nbsp&​nbsp&​nbsp&​nbsp&​nbsp</​td></​tr>"​);​
     }     }
     </​script>​     </​script>​
Zeile 145: Zeile 208:
 </​code>​ </​code>​
  
-<code html formular.html>+<code html formular1.html>
 <​!DOCTYPE html> <​!DOCTYPE html>
 <​HTML>​ <​HTML>​
Zeile 164: Zeile 227:
   </​BODY>​   </​BODY>​
 </​HTML>​ </​HTML>​
 +</​code>​
 +
 +<code html formular2.html>​
 +<​!DOCTYPE html>
 +<​HTML>​
 + <​HEAD>​
 +   <​TITLE>​Test Input </​TITLE>​
 +  <SCRIPT LANGUAGE="​JavaScript">​
 +    function readText (form) {
 +      TestVar =form.inputbox.value;​
 +      alert ("You typed: " + TestVar);
 +    }
 +
 +    function writeText (form) {
 +      form.inputbox.value = "Have a nice day!" ​
 +    }
 +  </​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="​button1"​ Value="​Read"​ onClick="​readText(form)">​
 +      <INPUT TYPE="​button"​ NAME="​button2"​ Value="​Write"​ onClick="​writeText(form)">​
 +     </​FORM>​
 +  </​BODY>​
 +</​HTML>​
 +</​code>​
 </​code>​ </​code>​
  
Zeile 199: 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.txt · Zuletzt geändert: 2015/11/11 09:40 von admin