js übungsbeispiele für anfänger

tomstig

OC Addicted

Registered: Nov 2003
Location: /home/tomstig/
Posts: 1341

21.02.2005 - 14:52

da ich mich als einziger in der klasse mit js auskenne, hab ich die ehrenvolle aufgabe, meinen klassenkollegen morgen, einen tag vor der schularbeit alles nochmal zu erklären. wir haben bisher relativ wenig gemacht, aber das macht übungsbeispiele finden imho noch schwerer.

das haben wir bereits gemacht:
zahlen raten
mini rechner
html übung + js bei dropdown

gibt es irgendein sinnvolles übungsbeispiel, dass sich vllt mit inputs und text einfügen mit firstChild.nodeValue beschäftigt?

mfg

that

Hoffnungsloser Optimist

Registered: Mar 2000
Location: MeidLing
Posts: 11343

21.02.2005 - 14:59

Gib dem Rechner einen simulierten Papierstreifen, der die bisherigen Rechnungen ausgibt.

tomstig

OC Addicted

Registered: Nov 2003
Location: /home/tomstig/
Posts: 1341

21.02.2005 - 16:16

gute idee, nur häng ich grad ein bissel beim testen:
(ich versuch jetzt nur zu testzwecken, echo in die div-box zu schreiben)

Code: PHP

<html>
<body>
<form>
<script type="text/javascript">
function rechne(zeichen){
	zahl1 = document.getElementsByName('zahl1')[0].value;
	zahl2 = document.getElementsByName('zahl2')[0].value;

	if(zahl1.length != 0 && zahl2.length != 0)
		document.getElementsByName('ergebnis')[0].value = eval(zahl1 + zeichen + zahl2);

	document.getElementById("protokol").firstChild.nodeValue += "echo ";
}
</script>
<input type="text" size="1" name="zahl1">
<select name="rechenzeichen">
 <option value="+">+</option>
 <option value="-">-</option>
 <option value="*">x</option>
 <option value="/">:</option>
</select>
<input type="text" size="1" name="zahl2">
<input type="button" value="=" onclick="rechne(document.getElementsByName('rechenzeichen')[0].value)">
<input type="text" name="ergebnis">
<br /><br />
<div style="width: 200px; height: 150px; border: 1px solid black" id="protokol"></div>
<form>
</body>
</html>

wenn das div leer ist, dann schreibt er nichts hinein. erst wenn irgendwas drinsteht, schreibt er echo hinein... wieso?

that

Hoffnungsloser Optimist

Registered: Mar 2000
Location: MeidLing
Posts: 11343

21.02.2005 - 16:59

deine div hat ja kein firstChild, wenn nix drinsteht.

tomstig

OC Addicted

Registered: Nov 2003
Location: /home/tomstig/
Posts: 1341

21.02.2005 - 19:05

mhh.. stimmt...

und wie kann ich sonst drauf zugreifen? (abgesehen von innerHTML bzw innerText)

that

Hoffnungsloser Optimist

Registered: Mar 2000
Location: MeidLing
Posts: 11343

21.02.2005 - 19:28

Entweder du schummelst und lässt es einfach nicht leer, oder du erzeugst einen Text-Node mit der entsprechenden DOM-Funktion.

tomstig

OC Addicted

Registered: Nov 2003
Location: /home/tomstig/
Posts: 1341

21.02.2005 - 19:41

wahrscheinlich mit createTextNode und appendChild und wwi...
bevor ich mich selber abmühe, schreib ich einfach einen schönen text ins div (und falls ich es schaffen würde - meinen klassenkollegen würdens net verstehen und ich mag sie einen tag vor der sa net verwirren)...

watchout

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

22.02.2005 - 00:05

gehts auch um DOM, oder nur einfach JavaScript?

tomstig OC Addicted Registered: Nov 2003 Location: /home/tomstig/ Posts: 1341	21.02.2005 - 14:52 da ich mich als einziger in der klasse mit js auskenne, hab ich die ehrenvolle aufgabe, meinen klassenkollegen morgen, einen tag vor der schularbeit alles nochmal zu erklären. wir haben bisher relativ wenig gemacht, aber das macht übungsbeispiele finden imho noch schwerer. das haben wir bereits gemacht: zahlen raten mini rechner html übung + js bei dropdown gibt es irgendein sinnvolles übungsbeispiel, dass sich vllt mit inputs und text einfügen mit firstChild.nodeValue beschäftigt? mfg
that Hoffnungsloser Optimist Registered: Mar 2000 Location: MeidLing Posts: 11343	21.02.2005 - 14:59 Gib dem Rechner einen simulierten Papierstreifen, der die bisherigen Rechnungen ausgibt.
tomstig OC Addicted Registered: Nov 2003 Location: /home/tomstig/ Posts: 1341	21.02.2005 - 16:16 gute idee, nur häng ich grad ein bissel beim testen: (ich versuch jetzt nur zu testzwecken, echo in die div-box zu schreiben) Code: PHP <html> <body> <form> <script type="text/javascript"> function rechne(zeichen){ zahl1 = document.getElementsByName('zahl1')[0].value; zahl2 = document.getElementsByName('zahl2')[0].value; if(zahl1.length != 0 && zahl2.length != 0) document.getElementsByName('ergebnis')[0].value = eval(zahl1 + zeichen + zahl2); document.getElementById("protokol").firstChild.nodeValue += "echo "; } </script> <input type="text" size="1" name="zahl1"> <select name="rechenzeichen"> <option value="+">+</option> <option value="-">-</option> <option value="*">x</option> <option value="/">:</option> </select> <input type="text" size="1" name="zahl2"> <input type="button" value="=" onclick="rechne(document.getElementsByName('rechenzeichen')[0].value)"> <input type="text" name="ergebnis"> <br /><br /> <div style="width: 200px; height: 150px; border: 1px solid black" id="protokol"></div> <form> </body> </html> wenn das div leer ist, dann schreibt er nichts hinein. erst wenn irgendwas drinsteht, schreibt er echo hinein... wieso?
that Hoffnungsloser Optimist Registered: Mar 2000 Location: MeidLing Posts: 11343	21.02.2005 - 16:59 deine div hat ja kein firstChild, wenn nix drinsteht.
tomstig OC Addicted Registered: Nov 2003 Location: /home/tomstig/ Posts: 1341	21.02.2005 - 19:05 mhh.. stimmt... und wie kann ich sonst drauf zugreifen? (abgesehen von innerHTML bzw innerText)
that Hoffnungsloser Optimist Registered: Mar 2000 Location: MeidLing Posts: 11343	21.02.2005 - 19:28 Entweder du schummelst und lässt es einfach nicht leer, oder du erzeugst einen Text-Node mit der entsprechenden DOM-Funktion.
tomstig OC Addicted Registered: Nov 2003 Location: /home/tomstig/ Posts: 1341	21.02.2005 - 19:41 wahrscheinlich mit createTextNode und appendChild und wwi... bevor ich mich selber abmühe, schreib ich einfach einen schönen text ins div (und falls ich es schaffen würde - meinen klassenkollegen würdens net verstehen und ich mag sie einen tag vor der sa net verwirren)...
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	22.02.2005 - 00:05 gehts auch um DOM, oder nur einfach JavaScript?

js übungsbeispiele für anfänger

Forum Index > Software > Coding Stuff

tomstig

that

tomstig

that

tomstig

that

tomstig

watchout