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
alvast bedankt!
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!