Hjælp til at lave en "simpel tæller" i et drukspil

Her kan du få hjælp og stille spørgsmål til JavaScript!
Besvar
yesthatguy
Begynder
Indlæg: 1
Tilmeldt: 11. mar 2017, 20:40

Hjælp til at lave en "simpel tæller" i et drukspil

Indlæg af yesthatguy » 11. mar 2017, 21:06

Kære nemprogrammering.dk

Jeg har lige nu faget ITK på gymnasiet og er i den forbindelse i gang med at lave en aflevering / et projekt om javascript.

Vi laver et drukspil der hedder over eller under. Spillet går ud på at man skal gætte om det næste kort, der bliver trukket er over eller under det tidligere kort. Hvis ikke det er over skal man drikke en slurk. Dette har vi fået til at fungere. Vi ønsker nu at lave en tæller, der kan tælle hver gang der er blevet gættet rigtigt. Dette har jeg lidt udfordring med at få til at fungere og ville høre om i kunne hjælpe lidt / give nogle hints?

Jeg har forstået at man skal bruge document.getElementById og inner.html. Og at man skal bruge en form for kommando der hedder add =+1. Og så en form for funktion. Men at strikke det sammen har jeg lidt udfordring med.


Jeg vedhæfter koden nedenunder.

På forhånd tak

De bedste hilsener
Holger Moss Hansen


Kode: Vælg alt

<!DOCTYPE html>
<html>
<head>
    
    
<style>
    
    
    body{
        
        
    
        
    background-image: 
    url("Harboe.jpg");
    
    
    
        random_imglink {
            
            
            
            
            
        
            border-radius: 3000;
        }
    
    
    
    
    
    }    
    
    

    
</style>    
    
    
    
    
    
    
    
    
    
    
</head>


    
<body>
    

    
    

    
    
    
<script>
    

        var gammeltkort
    
        var nytkort
    
    
    
function random_imglink(){
    

// Her defineres det gamle kort inden vi skifter.     
gammeltkort=nytkort    
    
    
var myimages=new Array()
//Her har vi defineret alle kortene som billeder.
myimages[1]="KlørEs.png"
myimages[2]="Klør2.png"
myimages[3]="Klør3.png"
myimages[4]="Klør4.png"
myimages[5]="Klør5.png"
myimages[6]="Klør6.png"
myimages[7]="Klør7.png"
myimages[8]="Klør8.png"
myimages[9]="Klør9.png"
myimages[10]="Klør10.png"
myimages[11]="KlørKnægt.png"
myimages[12]="KlørDronning.png"
myimages[13]="KlørKonge.png"
myimages[1]="HjerterEs.png"
myimages[2]="Hjerter2.png"
myimages[3]="Hjerter3.png"
myimages[4]="Hjerter4.png"
myimages[5]="Hjerter5.png"
myimages[6]="Hjerter6.png"
myimages[7]="Hjerter7.png"
myimages[8]="Hjerter8.png"
myimages[9]="Hjerter9.png"
myimages[10]="Hjerter10.png"
myimages[11]="HjerterKnægt.png"
myimages[12]="HjerterDronning.png"
myimages[13]="HjerterKonge.png"
myimages[1]="SparEs.png"
myimages[2]="Spar2.png"
myimages[3]="Spar3.png"
myimages[4]="Spar4.png"
myimages[5]="Spar5.png"
myimages[6]="Spar6.png"
myimages[7]="Spar7.png"
myimages[8]="Spar8.png"
myimages[9]="Spar9.png"
myimages[10]="Spar10.png"
myimages[11]="SparKnægt.png"
myimages[12]="SparDronning.png"
myimages[13]="SparKonge.png"
myimages[1]="RuderEs.png"
myimages[2]="Ruder2.png"
myimages[3]="Ruder3.png"
myimages[4]="Ruder4.png"
myimages[5]="Ruder5.png"
myimages[6]="Ruder6.png"
myimages[7]="Ruder7.png"
myimages[8]="Ruder8.png"
myimages[9]="Ruder9.png"
myimages[10]="Ruder10.png"
myimages[11]="RuderKnægt.png"
myimages[12]="RuderDronning.png"
myimages[13]="RuderKonge.png"




var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.getElementById("kortholder").innerHTML=('<img src="'+myimages[ry]+'" border=0 style="width:500px;height:500px;">')
return ry
}


    
//     Her defineres det gamle kort     
    
gammeltkort=random_imglink()

function over()

    {
        nytkort=random_imglink()

        if(nytkort>gammeltkort)        
        alert("Rigtig")
else
    
    alert("Drik")
        
        
    }
    
    
    
    function Under ()
    
    {
    
        nytkort=random_imglink()


        if(nytkort<gammeltkort)        
        alert("Rigtig")
else
    
    alert("Drik")
    
    
    }
    
    
    
  

function myFunction(){
 
}
    
    
  function Rigtig() {   
    
  
  
      
  }

     document.getElementById("rigtige").innerHTML = add( Rigtig=+1
);   
  
    
 
</script>    
    <div id="kortholder"></div>
    <input type="button" onclick="over()" value="Over">

    <input type="button" onclick="Under()" value="Under">


<p>antalrigtige<span id="rigtige"></span></p>
    
    

   
        
    
    
</body>    
    
    
    
    
</html>

jepperask
Geni
Geni
Indlæg: 374
Tilmeldt: 4. nov 2012, 17:57

Re: Hjælp til at lave en "simpel tæller" i et drukspil

Indlæg af jepperask » 12. mar 2017, 10:53

Definer en ny variabel der holder antal korrekte og opdater Over() og Under() så de kalder Rigtig() når gættet er korrekt. Hvis der skal kunne resettes når man fejler, så kan i eventuelt definere denne metode også:

Kode: Vælg alt

var correctCount = 0;

	function Reset() {
            correctCount = 0;
            document.getElementById("rigtige").innerHTML = 0;
        }

        function Rigtig() {
            correctCount++; // svarer til correctCount = correctCount + 1
            document.getElementById("rigtige").innerHTML = correctCount;
        }

Besvar