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/10/28 21:01]
admin
javascript [2015/11/11 09:40]
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.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