JS document.write
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
all
ausgabe
bekannten grund
button
code
dank
ergebnis
funktion
gleichung
http
jemand
komma
komplett genommen code
punkt
rechnung
stehen
umwandeln
url
variablen wandeln
zahl
-
Ich habe folgendes Problem:
ich möchte mit folgender function zwei variablen ausgeben lassen:
<script type='text/javascript'> clicks = 0; cspc = 1; function click(){ clicks+cspc = clicks; cspc +0,01 = cspc; document.write(Klicks: + clicks+<br>); document.write(Klicks pro Klick: + cspc + <br>); } </script> <hr> <input type="button" value="Klick" onclick="click()"> </button> <hr>
funktioniert aber nicht: http://mmdetsch.tk/login.php -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
<script type='text/javascript'> clicks = 0; cspc = 1; function click(){ clicks+cspc = clicks; cspc +0,01 = cspc; document.write('Klicks:' + clicks+'<br>'); document.write('Klicks pro Klick:' + cspc +' <br>'); } </script> <hr> <input type="button" value="Klick" onclick="click()"> </button> <hr>
Du hast die ' vergessen. -
all-in1 schrieb:
Natürlich nicht, weil die Rechnung falsch aufgestellt ist.
Anscheinend ist es bei Javascript nicht ganz egal wierum eine Gleichung zu stehen hat
Wozu denn Zahlen in Variablen wandeln, und dann wieder zurück?clicks = parseInt(cspc) + parseInt(clicks); cspc = 0,01 + parseInt(cspc);
Und damit du nicht ein unerwünschtes Ergebnis bekommst, musst du die Variablen noch in Zahlen umwandeln.
Wenn die Rechnung stimmt und die Funktion keine Fehler enthält, klappts auch mit der Ausgabe.
Übrigens:
Einige Namen lassen sich nicht für Funktionen nicht verwenden, da sie vergeben sind.
"click" gibt es schon als Ereignis, funzt also nicht als Funktionsname. ;)
Was die Rechnung bezwecken soll, entzieht sich zwar meiner kühnsten Vorstellungskraft, aber wenn der TE so freundlich ist, es zu verdeutlichen, lässt sich dich Rechnung auch gerne anpassen.
Und so funktioniert es z.B.:
<html><head><title>clicker</title> <script type='text/javascript'> var clicker = 0, cspc = 1; function clack(){ clicker += cspc; cspc += 0.01; document.f1.bla.value += 'Klicks: ' + clicker+'\nKlicks pro Klick: '+ cspc + '\n'; } </script> </head> <body> <form name="f1"> <input type="button" value="Klick" onclick="clack()"> <textarea name="bla" cols="50" rows="30"></textarea> </form> </body></html>>> Beispiel <<
Das wäre übrigens der Vorschlag von all-in1.
Beitrag zuletzt geändert: 29.12.2013 20:51:09 von menschle -
Edit: Na, da war wohl jemand schneller. Aber danke für die Erklärung von click ;)
Ich hab deine Seite mal komplett genommen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Klicker-Game</title> <link rel="icon" href="favicon.ico" type="image/x-ico"> <link type="text/css" rel="stylesheet" href="style.css"> <script language="JavaScript" src="scripts/jquery-1.8.0.min.js"></script> <script language="JavaScript" src="scripts/jquery-ui-1.8.23.custom.min.js"></script> <script type='text/javascript'> clicks = 0; cspc = 1; function buttonClick(){ clicks = clicks + cspc; cspc = cspc + 0.01; resultdiv = document.getElementById("resultdiv"); resultdiv.innerHTML = "Klicks: " + clicks + "<br />Klicks pro Klick: " + cspc + "<br />"; } </script> </head> <body> <hr> <input type="button" value="Klick" onclick="buttonClick()"> <hr> <div id="resultdiv">Ausgabe:</div> </body> </html>
- </head> hinzugefügt
- </button> entfernt
- 0,01 in 0.01 geändert (Punkt statt Komma)
- Variablenzuweisung geändert wie all-in1 schon schrieb
- aus einem mir nicht bekannten Grund scheint Javascript click() als Funktionsname nicht zu mögen (zumindest bei mir unter Firefox)
Beitrag zuletzt geändert: 29.12.2013 20:53:28 von hsg-elbmarsch -
leider haben in der Zeit, die ich rumprobiert hab, schon einige andere was geschrieben^^
also, folgender code funktioniert:
<script type='text/javascript'> var clicks = 0; var cspc = 1; function click () { clicks +=cspc; cspc += 0.01; var Out = 'Klicks: '+clicks+'<br>'+'Klicks pro Klick: '+cspc+'<br>'; document.all.out.innerHTML = Out; } </script> <hr> <a href="javascript:click();">Klick</a> <p id="out"></p> <hr>
seltsamerweise klappt das ganze mit einemLink, aber nicht mit einem Button. mag daran liegen, dass der Button nicht in einem Formular ist...
ich würde lieber innerHTML statt write benutzen, denn bei document.write wird deine Seite Überschrieben, sodass der Button (bzw link) nicht mehr angezeigt wird, wenn du draufgeklickt hast. außerdem kannst du so genauer bestimmen, WO der Text angezeigt wird.
Dann war wie gesagt die rechnung etwas falsch:
- bei zahlen punkt statt komma (wg internationaler konvention)
- die Variable steht vor dem =, die rechnung dahinter
- cklicks= cklicks + bla kann man abkürzen: clicks+=bla
- vor variablen ein var schreiben. ist besser so
ich denke, das wars. viel spaß!
till -
hsg-elbmarsch schrieb:
Edit: Na, da war wohl jemand schneller. Aber danke für die Erklärung von click ;)
Ich hab deine Seite mal komplett genommen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Klicker-Game</title> <link rel="icon" href="favicon.ico" type="image/x-ico"> <link type="text/css" rel="stylesheet" href="style.css"> <script language="JavaScript" src="scripts/jquery-1.8.0.min.js"></script> <script language="JavaScript" src="scripts/jquery-ui-1.8.23.custom.min.js"></script> <script type='text/javascript'> clicks = 0; cspc = 1; function buttonClick(){ clicks = clicks + cspc; cspc = cspc + 0.01; resultdiv = document.getElementById("resultdiv"); resultdiv.innerHTML = "Klicks: " + clicks + "<br />Klicks pro Klick: " + cspc + "<br />"; } </script> </head> <body> <hr> <input type="button" value="Klick" onclick="buttonClick()"> <hr> <div id="resultdiv">Ausgabe:</div> </body> </html>
- </head> hinzugefügt
- </button> entfernt
- 0,01 in 0.01 geändert (Punkt statt Komma)
- Variablenzuweisung geändert wie all-in1 schon schrieb
- aus einem mir nicht bekannten Grund scheint Javascript click() als Funktionsname nicht zu mögen (zumindest bei mir unter Firefox)
Danke so klappts, wie ich mir das vorstellte -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
