Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
|
javascript [2014/11/02 13:51] 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 150: | Zeile 174: | ||
| for (i=2; i<=9; i++) { | for (i=2; i<=9; i++) { | ||
| result = num / i; | result = num / i; | ||
| - | document.write("<tr><td width='150' align='right'>" + num + " / " + i + "</td></tr>"); | + | document.write("<tr><td width='250' align='right'>" + num + " / " + i + "</td></tr>"); |
| num = result; | num = result; | ||
| } | } | ||
| - | document.write("<tr><td width='150' align='right'>" + num + "     </td></tr>"); | + | document.write("<tr><td width='250' align='right'>" + num + "     </td></tr>"); |
| } | } | ||
| </script> | </script> | ||
| Zeile 185: | 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 209: | 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 264: | 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 | ||
| + | |||
| + | |||