nicht angemeldet
Brauche hife!!
1 0
Brauche hife!!
Hallo, ich bin ein totaler Anfänger in sachen HTML und Javascript und habe eine Frage:
Ich hätte gene ein ein Feld mit der Zahl 0 und einem Button mit +1
Wenn man auf 1+ drückt soll auf dem Feld 1 erscheinen. Wenn man wieder daraufklickt soll 2 erscheinen usw.
Kann mir jemand einen quelltext schicken?
Danke schon im Vorraus!
-
Hallo!
Kann mir jemand einen quelltext schicken?
Nein. Aber ich beschreibe dir, wie du es machen kannst. Also:
Du hast eine Variable. Dann schreibst du eine Funktion. Diese Funktion zählt die Variable um eins hoch und schreibt den Wert ins Textfeld, auf das du mit getElementById() zugreifst. Dem Button spendierst du ein onclick-Attribut, welches die Funktion aufruft.
Bitte schön.
ciao, ww
--
sh:( fo:| ch:~ rl:( br:> n4:~ ie:% mo:) va:) de:] zu:) fl:( ss:| ls:~ js:)-
danke, habs aber trotzdem nicht gecheckt
Wie schreicbe ich die Funktion?Hab ja gesagt: bin ein echter anfänger
-
hi,
danke, habs aber trotzdem nicht gecheckt
Wie schreicbe ich die Funktion?Hab ja gesagt: bin ein echter anfänger
Dann mach dich bitte mit den Grundlagen vertraut:
http://de.selfhtml.org/javascript/
http://aktuell.de.selfhtml.org/artikel/javascript/organisation/gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
bin jetzt so weit:
<html>
<head>
<title>Test</title>
</head>
<body>
<script type="text/javascript">
var Hinweis = "Gleich werden Quadratzahlen ausgegeben";
alert(Hinweis);function SchreibeQuadrate () {
var SinnDesLebens = 100;
var i, x;
var Satzteil = "die Addition 1 mit ";
for (i = 1; i <= SinnDesLebens; ++i) {
x = i + 1;
document.write(i + " + 1 = " + x + "<br>");
}
}
SchreibeQuadrate();
</script>
</body>
</html>wie muss ich weiter machen? oder habe ich es ganz falsch gemacht?
-
Moin
Versuch doch mal dies zu analysieren:
<html> <head> <title>Test</title> <script type="text/javascript">window.onload=function(){ document.getElementById("plus1").onclick=function() { /* wenn Seite geladen füge dem Element mit der ID plus1 eine onclick-Funktion hinzu */ var z=document.getElementById("zahl"); /* suche Element mit der ID zahl */ z.firstChild.data=parseInt(z.firstChild.data)+1; /* lies den Inhalt vom Element aus, wandle um in eine Zahl, erhöhe um 1 und schreibe zurück */ } }</script> </head> <body> <p><span id="plus1">+1</span> : <span id="zahl">0</span></p> </body> </html>Gruß
rfb--
Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
(Galileo Galilei)-
hallo,
danke für den text
kann's auch gut gebrauchenhab's mir vielleicht noch ein bisschen anders vorgestellt wie zum Beispeil: http://de.selfhtml.org/javascript/sprache/anzeige/onclick.htm
dass dann anstatt dem update das +1 erscheint. Wie kann ich das mit dem anderen Text ändern?und nachmal danke für das Erste!
-
Hallo,
Hier eine Variante von rfbs Script
<html><head><title>Test</title> <script type="text/javascript"> ~~~~~~javascript window.onload=function(){ with (document) { plus1=getElementById("plus1"); plus1.textFeld = getElementById("zahl1"); plus1.onclick = addiereEins; plus2=getElementById("plus2"); plus2.textFeld = getElementById("zahl2"); plus2.onclick = addiereEins; } }; addiereEins=function() { this.textFeld.firstChild.data = parseInt(this.textFeld.firstChild.data)+1; }; ~~~~~~html </script></head> <body> <p><button id="plus1">+1</button> : <span id="zahl1">0</span></p> <p><button id="plus2">+1</button> : <span id="zahl2">0</span></p> </body> </html>Gruß, der Arbeitslose
-
Hallo, vielen Dank für die Hilfe!
Hab aber nochmal eine Frage: gibt es eine möglichkeit ein einzeiliges Textfeld zu erstellen, dass anders aussieht z.b. nicht mit weißem Hintergrund.
danke
f.
-
Moin
z.b. nicht mit weißem Hintergrund.
im Kapitel CSS von SelfHTML findest du sicherlich viele Anregungen wie du das Seitenlayout verändern kannst.
Gruß
rfb--
Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
(Galileo Galilei)-
hi,
ne ich habs anders gemeint. Ich suche eine Möglichkeit, wie ein Benutzer im Internet ein formular auf meiner HP ausfüllen kann. Ich möchte aber nich diese langweiligen Textfelder benutzen.
wenn ihr net versteht was ich mein ist es auch nicht so schlimm...
gruß f.
-
-
-
-
-
hallo!
nochmal etwas:
wenn ich den quelltext von rfb benutze und ihn öfters einfüge kann ich die Zahl nur beim ersten erhähen. Bei den anderen geht es nicht
was kann ich machen???
f
-
Moin
was kann ich machen???
Beispiel für 2:
<html> <head> <title>Test</title> <script type="text/javascript"> window.onload=function(){ document.getElementById("plus1").onclick=function() { var z=document.getElementById("zahl1"); z.firstChild.data=parseInt(z.firstChild.data)+1; } document.getElementById("plus2").onclick=function() { var z=document.getElementById("zahl2"); z.firstChild.data=parseInt(z.firstChild.data)+1; } } </script> </head> <body> <p><span id="plus1">+1</span> : <span id="zahl1">0</span></p> <p><span id="plus2">+1</span> : <span id="zahl2">0</span></p> </body> </html>Unterschied bemerkt?
Klar: für jedes +1 brauchst du eine eigene ID ("plus1","plus2",...), sowie jeweils eine eigene onclick-Funktion mit entsprechender zugehöriger 0 mit ebenfalls eigener ID ("zahl1","zahl2",...).
Wie sollte der Browser das auch sonst alles auseinanderhalten können?Gruß
rfb--
Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
(Galileo Galilei)
-
-
-
-
-
hallo,
Wie schreicbe ich die Funktion?
Wie du eine Funktion schreibst, wird dir in SELFHTML erklärt. Jetzt mußt du nur noch ein wenig über Schleifen bzw. bedingte Anweisungen nachdenken, und schon kannst du es.
Hab ja gesagt: bin ein echter anfänger
Macht nichts. Allerdings sollte man sich als Anfänger nicht gleich in ein etwas komplizierteres Scriptabenteuer stürzen.
Grüße aus Berlin
Christoph S.
-
-