Me gustaría guardar dos nombres introducidos y sus dos puntuaciones en localstorage y solo consigo hacerlo de uno solo. No se si se realiza con JSON porque soy muy principiante por eso disculpad mi inexperiencia. La idea es guardar name1 con su puntuación suma1 y name2 con su puntuación suma2. La puntuación no he conseguido hacerlo por eso no coloco ese código. Dejo el poco que he hecho (llamo en ese lugar a las funciones para ir probando):
function saveNames() {
localStorage.setItem('nomUsuari', name1);
localStorage.setItem('nomUsuari2', name2);
}
function obtener() {
var nombreGuardado = localStorage.getItem('nomUsuari');
var nombreGuardado2 = localStorage.getItem('nomUsuari2');
}
var name1 = prompt("Nombre jugador uno");
var name2 = prompt("Nombre jugador dos");
saveNames();
obtener();
var cards = new Array(
new Array("manzana", 1),
new Array("manzana", 2),
new Array("manzana", 3),
new Array("pera", 1),
new Array("pera", 2),
new Array("pera", 3),
new Array("melon", 1),
new Array("melon", 2),
new Array("melon", 3)
);
var cards_views_ids1 = Array();
var cards_views_ids2 = Array();
var suma = 0;
var suma1 = 0;
var suma2 = 0;
function random_card(num){
if(cards.length >0 ){
var rand = Math.floor(Math.random()*cards.length);
var palos = "<br>Palo: "+cards[rand][0]+"<br><br> Valor:";
var numero = cards[rand][1];
document.getElementById("div"+num).innerHTML += palos;
document.getElementById("div"+num).innerHTML += numero;
var repetido = 0;
switch(num) {
case 1:
suma1++;
suma = suma1;
cards_views_ids1.push(numero);
cards_views_ids1.forEach(function(dato){
if (dato == numero){
repetido++;
}
});
break;
case 2:
suma2++;
suma = suma2;
cards_views_ids2.push(numero);
cards_views_ids2.forEach(function(dato){
if (dato == numero){
repetido++;
}
});
break;
}
if(repetido == 2){
const buttons=document.getElementsByTagName('button');
buttons[num-1].setAttribute('disabled','disabled')
setTimeout(function(){
var jugador = document.getElementById("player"+num+"_result");
if (jugador.innerHTML == "0"){
var puntua ='Se repitió el valor <br> fruta: ' + cards[rand][0] +
' - Valor: ' + cards[rand][1] +'. Se extrayeron ' + suma +
' valores hasta encontrar el valor repetido.';
jugador.innerHTML=puntua;
}
}, 100);
}
}
}
<div id="start_form"></div>
<div id="div1"></div>
<div id="div2"></div>
<div id="game_main">
<div id="boton"><button onclick="random_card(1);">Extraer</button>
<span id="player1"></span></div><span id="player1_result">0</span>
<div id="boton2"><button onclick="random_card(2);">Extraer</button>
<span id="player2"></span></div><span id="player2_result">0</span>
</div>