Score behouden in Javascript in een game

Status
Niet open voor verdere reacties.

MinaMos

Nieuwe gebruiker
Lid geworden
28 feb 2019
Berichten
1
Wat ik hier heb is de code voor een spel genaamd, steen, papier en schaar. telkens als iemand goed raadt, ik of de computer, krijgt dan +5 (computerscore + = 5, gebruikerscore + = 5) punten (score), dat is goed, maar hier is de probleem:

Ik kan de score niet behouden! Ik wil de score bijvoorbeeld bewaren in een cookie of zijn er betere oplossingen? Ik hoor graag van je, aangezien ik bijna klaar ben met deze game, hieronder is code

Code:
document.getElementById('rock').onclick = user;
document.getElementById('paper').onclick = user;
document.getElementById('scissors').onclick = user;


function user(){
    var userChoice = this.id;
    console.log("User: " + userChoice)

    var computerChoice = Math.random();
         if (computerChoice < 0.34) {
             computerChoice = "rock";
          }else if(computerChoice <= 0.67) {
             computerChoice = "paper";
          }else{
             computerChoice = "scissors";
          }; 

    console.log("Computer: " + computerChoice);

    console.log(compare(userChoice, computerChoice)); 

    function compare(choice1, choice2) {

    var userscore = 0;
    var computerscore = 0;

		    if (choice1 === choice2) {
                if(choice1 === "rock"){
                    document.getElementById("ai").style.backgroundImage = "url('afbeeldingen/steen.jpg')";

                    document.getElementById('rock').style.backgroundColor = "#f9561b";
                    document.getElementById('ai').style.backgroundColor = "#f9561b";
                }if(choice1 === "paper"){
                    document.getElementById("ai").style.backgroundImage = "url('afbeeldingen/hand.jpg')";

                    document.getElementById('paper').style.backgroundColor = "#f9561b";
                    document.getElementById('ai').style.backgroundColor = "#f9561b";
                }if(choice1 === "scissors"){
                    document.getElementById("ai").style.backgroundImage = "url('afbeeldingen/schaar.jpg')";

                    document.getElementById('scissors').style.backgroundColor = "#f9561b";
                    document.getElementById('ai').style.backgroundColor = "#f9561b";
                }
                
            return "Het is een gelijkspel!";
        }
 
        if (choice1 === "rock") {
            if (choice2 === "scissors") {
                document.getElementById("rock").style.backgroundColor = '#06d309';
                document.getElementById("ai").style.backgroundColor = '#d60202';
                
                document.getElementById("ai").style.backgroundImage = "url('afbeeldingen/schaar.jpg')";
                userscore+=5;
                console.log("userscore is: " + userscore);
                return "Gewonnen! Goed gedaan";
                
            }if(choice2 === "paper"){
                document.getElementById("rock").style.backgroundColor = '#d60202';
                document.getElementById("ai").style.backgroundColor = '#06d309';

                document.getElementById('ai').style.backgroundImage = "url('afbeeldingen/hand.jpg')"
                computerscore+=5;
                console.log("computerscore: " + computerscore);
                return "Verloren!";
            }
				}
 
         if (choice1 === "paper") {
             if (choice2 === "rock") {
                document.getElementById("paper").style.backgroundColor = '#06d309';
                document.getElementById("ai").style.backgroundColor = '#d60202';

                document.getElementById('ai').style.backgroundImage = "url('afbeeldingen/steen.jpg')"
                userscore+=5;
                console.log("userscore is: " + userscore);
                 return "Gewonnen! Ga zo door!";
              } if(choice2 === "scissors") {
                document.getElementById("paper").style.backgroundColor = '#d60202';
                document.getElementById("ai").style.backgroundColor = '#06d309';

                document.getElementById('ai').style.backgroundImage = "url('afbeeldingen/schaar.jpg')"
                computerscore+=5;
                console.log("computerscore: " + computerscore);
                  return "Je hebt verloren!";
              }
		     }
		
		     if (choice1 === "scissors") {
             if (choice2 === "paper") {
                document.getElementById("scissors").style.backgroundColor = '#06d309';
                document.getElementById("ai").style.backgroundColor = '#d60202';

                document.getElementById('ai').style.backgroundImage = "url('afbeeldingen/hand.jpg')"
                userscore+=5;
                console.log("userscore is: " + userscore);
                 return "Gewonnen Goed gedaan!";
             } if(choice2 === "rock"){
                document.getElementById("scissors").style.backgroundColor = '#d60202';
                document.getElementById("ai").style.backgroundColor = '#06d309';

                document.getElementById('ai').style.backgroundImage = "url('afbeeldingen/steen.jpg')"
                computerscore+=5;
                console.log("computerscore: " + computerscore);
                 return "Jammer, je hebt verloren";
            }
        }
    }
}

//highscore word berekend door dat er 6x gespeeld word, en dan de gene met de meeste winsten die krijgt 1 punt. 4scoreborden per moeilijk makkelijk en en multiplayer

alvast bedankt!
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan