Estoy intentando crear un programa que genere 3 botones, cada uno con un valor aleatorio del 1 al 5 y el objetivo es clicar el más grande (evidentemente en los botones no aparecen los números), si aciertas salta un alert diciendo correcto y si fallas otro alert que diga has fallado, el problema que tengo es que no se hacer que los botones contengan valores aleatorios, he probado varias formas pero no lo logro así que no tengo un codigo que mostrar... espero que se haya entendido la explicación, gracias
var boton1 = document.getElementById("boton1");
var boton2 = document.getElementById("boton2");
var boton3 = document.getElementById("boton3");
var numAleatorio1 = Math.random(1,5);
var numAleatorio2 = Math.random(1,5);
var numAleatorio3 = Math.random(1,5);
var botonPresionado = $(this.data("id"));
var botonGrande = botonMasGrande();
if(botonPresionado == botonMasGrande) {
alert("Correcto");
} else {
alert("Incorrecto");
}
function botonMasGrande() {
// Calcula cual es el botón con el número más grande
let resultadoBoton;
if(boton1 > boton2 && boton1 > boton3) {
resultadoBoton = "boton1";
} else if(boton3 > boton2 && boton3 > boton1) {
resultadoBoton = "boton3";
} else if(boton2 > boton1 && boton2 > boton3) {
resultadoBoton = "boton2";
} else {
reiniciarBotones();
}
}
function reiniciarBotones() {
// Aquí estaría el código para reiniciar los valores de los botones
}
Donde tengo problemas es en dar valores a los botones sin que aparezcan como texto y en crear la función reiniciarBotones();