kostenloser Webspace werbefrei: lima-city


JS document.write

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    matthias-detsch

    Kostenloser Webspace von matthias-detsch

    matthias-detsch hat kostenlosen Webspace.

    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
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. <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.
  4. Autor dieses Themas

    matthias-detsch

    Kostenloser Webspace von matthias-detsch

    matthias-detsch hat kostenlosen Webspace.

    Danke, geht aber immernoch nicht
    :frown::frown::frown:
  5. Anscheinend ist es bei Javascript nicht ganz egal wierum eine Gleichung zu stehen hat:

    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.

  6. m******e

    all-in1 schrieb:
    Anscheinend ist es bei Javascript nicht ganz egal wierum eine Gleichung zu stehen hat
    Natürlich nicht, weil die Rechnung falsch aufgestellt ist.

    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.
    Wozu denn Zahlen in Variablen wandeln, und dann wieder zurück? :confused:

    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
  7. hsg-elbmarsch

    hsg-elbmarsch hat kostenlosen Webspace.

    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
  8. 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
  9. Autor dieses Themas

    matthias-detsch

    Kostenloser Webspace von matthias-detsch

    matthias-detsch hat kostenlosen Webspace.

    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
  10. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!