Hoe kan ik counten als ik op een button geklikt heb

Status
Niet open voor verdere reacties.
F

ferentuske

Gebruiker
Lid geworden
5 okt 2013
Berichten
78
Dus ik zou willen dat ik op een button klik hij constant 1 optelt

dus eerst staat er niks druk op button komt er 1
klik je nog eens 2 enzovoort

maar dit werkt dus niet
[js]
var i = 0;

if (document.getElementById('btngooi').clicked == true)
{
/ i++;
document.write("<p>Hoeveel keer ?</p>" + i);


}

<p><input type="button" value="nogmaals gooien" id="btngooi" onclick="gooien()">
[/js]
iemand enig idee ???
 
Laatst bewerkt door een moderator:
Wanneer er op de knop gedrukt wordt zal de functie "gooien()" uitgevoerd gaan worden, maar die komt in de regels die je geeft niet voor :)
 
HTML: 
<script type="text/javascript">

    function dobbelgetal(){
        return parseInt(Math.random() * 6) + 1
    }

    function gooien(){
        window.location.href = window.location.pathname;
    }

    
</script>
</head>

<body>
<h1>Dobbelstenen</h1>

<script type="text/javascript">
<!--
    var steen1 = dobbelgetal();
    var steen2 = dobbelgetal();
    var totaal = steen1 + steen2;
    document.write("<p><img src=\"dobbel" +steen1 +".gif\">");
    document.write("<p><img src=\"dobbel" +steen2 +".gif\">");
    document.write("<p style=\"margin-top:20px;padding-top:20px;width:100px;border:solid;border-width:1px 0px 0px 0px\">Totaal: <b>" + totaal + "</b>");
  
    //  var i = 0;

    if (dobbelgetal)
    {
        document.write("<p>u heeft 1 gesmeten</p>");
    }
    var i = 0;
    if (document.getElementById('btngooi').onclick == true)
    {
        i++;
 
        document.write("<p>Totaal aantal keer gegooid</p>" + i);
      
        alert("button was clicked");
    }


  
  
</script>
<p><input type="button" value="nogmaals gooien" id="btngooi" onclick="gooien()">
</body>
</html>
dit is mijn volledige code maar ik wil dus mijn button counten dat ik zie hoeveel keer dat ik de dobbelstenen gegooid heb en dit werkt dus blijkbaar niet met die if statement van getelemtbyid
 
Laatst bewerkt door een moderator:
De "gooien()" functie is dus niets meer dan de pagina herladen :confused:.

Begrijp je wat je code doet? Die indruk heb ik namelijk niet als ik er zo naar kijk.

Wat wil je hebben:
  1. Pagina laad zonder dat er nog wat gebeurd
  2. Bezoeker klikt op knop "Gooien"
  3. Er worden 2 willekeurige getallen gegenereerd
  4. De getallen worden bij elkaar opgeteld
  5. Het resultaat van de worp wordt op de pagina getoond
  6. Er wordt bijgehouden hoe vaak er gegooid is

HTML: 
<body>
<script>
var numThrows = -1;

var dobbelgetal = function() {
    return parseInt(Math.random() * 6) + 1;
};

var updateThrow = function()
{
    numThrows++;
    document.getElementById("numThrows").innerHTML = 'U heeft '+ numThrows +'x gegooid';
};

var gooien = function ()
{
    var steen1 = dobbelgetal(),
        steen2 = dobbelgetal(),
        totaal = steen1 + steen2;
    
    document.getElementById("throwResult").innerHTML ='<p><img src="dobbel' + steen1 + '.gif"></p><p><img src="dobbel' + steen2 + '.gif"></p><p style="margin-top:20px;padding-top:20px;width:100px;border:solid;border-width:1px 0px 0px 0px">Totaal: <b>' + totaal + '</b></p>';
    updateThrow();
};

updateThrow();
</script>
<h1>Dobbelstenen</h1>
<div id="throwResult"></div>
<div id="numThrows"></div>
<p>
    <button id="btngooi" onclick="javascript:gooien()">Gooien</button>
</p>
</body>
http://jsfiddle.net/7zLaL/
 
Hoe kan ik nog instellen dat ik bv 2x een 1 heb gegooid dus als me 2dobbelstenen het zelfde getal hebben dat er dan komt hoeveel keer dat ik
dus 2x 1 gegooid heb en 2x 6. Ik heb dit dus met een if gedaan maar het klopt niet als ik 1x een cijfer 1 gooi telt hij al 1 op wat dus niet klopt.
heb dit met alert getest
want met een document.write wist hij heel mijn pagina en komt die if tekst maar wil die tekst van mijn if boven mijn button zien staan.

HTML: 
<body>
<script>
    var numThrows = -1;

    var dobbelgetal = function () {
        return parseInt(Math.random() * 6) + 1;
    };

    var updateThrow = function () {
        numThrows++;
        document.getElementById("numThrows").innerHTML = 'U heeft ' + numThrows + 'x gegooid';
    };

    var gooien = function () {
        var steen1 = dobbelgetal(),
            steen2 = dobbelgetal(),
            totaal = steen1 + steen2;

        document.getElementById("throwResult").innerHTML = '<p><img src="images/dobbel' + steen1 + '.gif"></p><p><img src="images/dobbel' + steen2 + '.gif"></p><p style="margin-top:20px;padding-top:20px;width:100px;border:solid;border-width:1px 0px 0px 0px">Totaal: <b>' + totaal + '</b></p>';
        updateThrow();
        var zelfde1 = 0;
        var zelfde2 = 0;
        if ((steen1 && steen2) == 1)
        {
            zelfde1++;
            document.write("U heeft 2x een 1 gegooid: " + zelfde1);
        }

        if ((steen1 && steen2) == 6) {
            zelfde2++;
            document.write("U heeft 2x een 1 gegooid: " + zelfde2);
        }
    };
   

    updateThrow();
</script>
<h1>Dobbelstenen</h1>
<div id="throwResult"></div>
<div id="numThrows"></div>
<p>
    <button id="btngooi" onclick="javascript:gooien()">Gooien</button>
</p>
</body>
 
[js]if ((steen1 && steen2) == 1)
{
zelfde1++;
document.write("U heeft 2x een 1 gegooid: " + zelfde1);
}[/js]
Vervang de variabelen eens door mogelijk waardes en kijk wat dan de vergelijking wordt ;)
 
Tuurlijk is het geldige code, het doet alleen niet wat je wilt.

Stel steen1 = 3 en steen2 = 1.
De vergelijking wordt dan
[js]if ((3 && 1) == 1)[/js]
Het resultaat dat je verwacht is false maar dit levert dus gewoon "1" op als resultaat dus wordt het resultaat true.
 
dobbelsteen nummers

Hoe kan ik dat ik mijn dobbelsteen 100 keer gooi hij dan count hoeveel keer 1 hoeveel keer 2 enzovoort

maar ik wil dit dus allemaal onder elkaar op mijn scherm zien staan
dus

U heeft 14 keer 1 gemseten
u heeft 31 keer 2 gesmeten

maar het probleem is als ik met document.write mijn var count1 opvraag dan blijft die 0
heb dan in de if met een alert geprobeert voor 1 if werkt het maar als ik 6 if gebruik voor elk getal dan
blijft het getal 1


HTML: 
<body>
<script>
    var dobbelgetal = function () {
        return parseInt(Math.random() * 6) + 1;
    };
    var count1 = 0;
    var count2 = 0;
    var count3 = 0;
    var count4 = 0;
    var count5 = 0;
    var count6 = 0;

    for (var i = 0; i < 100; i++)
    {
        var steen1 = dobbelgetal();
        if (steen1 == 1)
        {
            count1++;
            
           // alert(count1);
        }
       
        if (steen2 == 2) {
            count2++;
           // alert(count1);
        }
        
        if (steen1 == 3) {
            count3++;
          //  alert(count1);
        }
        
        if (steen1 == 4) {
            count4++;
          //  alert(count1);
        }
        
        if (steen1 == 5) {
            count5++;
           // alert(count1);
        }
      
        if (steen1 == 6) {
            count6++;
          //  alert(count1);
        }
    }
</script>
<h1>Dobbelstenen</h1>
<div id="throwResult"></div>
<div id="numThrows"></div>
<p>
    <button id="btngooi" onclick="javascript:gooien()">Gooien</button>
    <script>
        document.write("<p>" +count1 + "</p>");
    </script>
</p>
</body>
</html>
 
Vragen samengevoegd aangezien het een uitbreiding is op je vorige vraag

Tip: Houdt na elke worp dmv een array bij wat er gegooid is
 
ja idd een array maar het probleem is hoe moet ik die array intregreren in mijn project want zit met die random he

var dobbelsteen = new Array();
dobbelsteen[0] = 1;
dobbelsteen[1] = 2;
dobbelsteen[2] = 3;
dobbelsteen[3] = 4;
dobbelsteen[4] = 5;
dobbelsteen[5] = 6;

bv zoiets maarja wat moet ik dan met die random doen ?
 
Het idee is dat je bijhoudt hoeveel keer een bepaald nummer gegooid is. Dus als je bijvoorbeeld een zes gooit moet de waarde variabele die de hoeveelheid zessen bijhoudt met 1 omhoog.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan