Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
|
javascript [2014/10/28 21:10] 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 100: | 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 108: | 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; | 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(num+" / "+i+"<br/>"); |
| num = result; | 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; | ||
| + | } | ||
| + | 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 + "     </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 | ||
| + | |||
| + | |||