Commit d8312cc8 authored by Rodrigo Diez's avatar Rodrigo Diez

Añadidos controles para los sorteos

parent 52e50bbc
......@@ -83,7 +83,7 @@
</div>
<div class="col-md-8 order-md-1 text-center">
<div class="col-md-8 order-md-1 text-center"> <!-- Columna de numero-->
<h4 class="mb-3 text-center">Numero Sorteado</h4>
<div class="row">
......@@ -103,7 +103,7 @@
</div>
<h4 class="mb-3 text-center mt-5">Numero Jugado</h4>
<div class="row">
<div class="row mb-5">
<div class="offset-md-1 col-md-3 mb-3">
<input type="text" class="form-control text-center" id="propio0" placeholder="" value="" required>
......@@ -119,11 +119,28 @@
</div>
<div class="row">
<div class="col-md-5 mx-auto">
<div class="offset-md-2 col-md-3 mb-3">
<label for="velocidad">Velocidad de sorteo</label>
<input type="range" class="custom-range" min="0" max="3" id="velocidad">
</div>
<div class="offset-md-1 col-md-3 mb-3">
<label for="sorteos">Cantidad de sorteos</label>
<input type="text" class="form-control text-center" id="sorteos" placeholder="100" value="100" required>
</div>
</div>
<div class="row mt-5">
<div class="offset-md-1 col-md-4">
<button class="btn btn-primary btn-lg btn-block" id="iniciar">Iniciar</button>
</div>
</div>
</div>
<div class="offset-md-1 col-md-4">
<button class="btn btn-danger btn-lg btn-block" id="detener" disabled>Detener</button>
</div>
</div>
</div><!-- Columna de numero-->
</div>
</div>
......
......@@ -134,7 +134,7 @@ function sorteo(veces){
console.log(`Dinero Gastado ${gastos} Dinero Ganado ${premios} Reparto de premios ${repartoPremios}`);
document.getElementById("sTotales").textContent++;
if (contador >= veces){
window.clearInterval(temp);
terminarSorteo();
}
}
/**
......@@ -153,6 +153,8 @@ function iniciarTemporizador(tiempo, veces){
terceros = 0;
reintegros = 0;
limpiarValores();
iniciar.disabled = true;
detener.disabled = false;
temp = setInterval(()=>{sorteo(veces)}, tiempo);
}
......@@ -173,10 +175,37 @@ function conseguirPropio(){
numero[2] = document.getElementById("propio2").value;
return numero;
}
function conseguirVelocidad(){
let velocidad = document.getElementById("velocidad");
let x = velocidad.value;
if (x == 0){
return 1000;
}else if(x == 1){
return 500;
}else if(x == 2){
return 200;
}else{
return 50;
}
}
function terminarSorteo(){
iniciar.disabled = false;
detener.disabled = true;
window.clearInterval(temp);
};
iniciar = document.getElementById("iniciar");
detener = document.getElementById("detener");
sorteos = document.getElementById("sorteos");
iniciar.addEventListener("click", (e)=>{
iniciar.preventDefault;
iniciarTemporizador(20, 100, 3);
})
iniciarTemporizador(conseguirVelocidad(), sorteos.value);
});
detener.addEventListener("click", (e)=>{
iniciar.preventDefault;
terminarSorteo();
});
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment