Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung Nächste Überarbeitung Beide Seiten der Revision | ||
javascript [2014/11/02 13:06] admin |
javascript [2014/11/10 15:13] admin [Umwandlung von Text in Zahlen] |
||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
====== JavaScript ====== | ====== 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 62: | ||
</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 139: | ||
} | } | ||
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 + "     </td></tr>"); | ||
} | } | ||
</script> | </script> | ||
Zeile 148: | Zeile 207: | ||
<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 252: | ||
</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 287: | ||
</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 | ||
+ | |||
+ |