js übungsbeispiele für anfänger

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/js_uebungsbeispiele_fuer_anfaenger_137335/page_1 - zur Vollversion wechseln!

tomstig schrieb am 21.02.2005 um 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 schrieb am 21.02.2005 um 14:59

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

tomstig schrieb am 21.02.2005 um 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 schrieb am 21.02.2005 um 16:59

deine div hat ja kein firstChild, wenn nix drinsteht.

tomstig schrieb am 21.02.2005 um 19:05

mhh.. stimmt...

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

that schrieb am 21.02.2005 um 19:28

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

tomstig schrieb am 21.02.2005 um 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 schrieb am 22.02.2005 um 00:05

gehts auch um DOM, oder nur einfach JavaScript?