1 <div id="titulo"><span class="bingo">¡Bingo</span> <span class="bango">Bango!</span></div>2 3 <div id="numeros">4 5 </div>6 7 <div id="grande"></div>8 9 <div id="controles">10 11 <button id="iniciar-partida">Iniciar partida</button>12 13 <button id="siguiente-numero">Extraer bola</button>14 15 </div>16 17 <script type="text/javascript">18 19 var number_span = []; // TODO: rename to bombo20 21 var numeros = document.getElementById('numeros');22 23 var grande = document.getElementById('grande');24 25 var iniciar_partida = document.getElementById('iniciar-partida');26 iniciar_partida.addEventListener('click', function(e){27 generar_numeros();28 29 iniciar_partida.style.display = 'none';30 siguiente_numero.style.display = '';31 }, true);32 33 var siguiente_numero = document.getElementById('siguiente-numero');34 siguiente_numero.style.display = 'none';35 36 siguiente_numero.addEventListener('click', function(e){37 var bola = extraer(number_span);38 bola.classList.add('selected');39 grande.innerHTML = bola.innerHTML;40 console.log(bola);41 }, true);42 43 function generar_numeros() {44 numeros.innerHTML = '';45 46 number_span = [];47 48 for (var i = 1; i<=90; i++) {49 var number = document.createElement('span');50 number.innerHTML = ' '+i+' ';51 numeros.appendChild(number);52 53 number_span.push(number);54 55 if ( 0 == (i % 10) ) {56 var separator = document.createElement('div');57 numeros.appendChild(separator);58 }59 }60 }61 62 function siguiente() {63 64 }65 66 function extraer(conjunto) {67 var l = conjunto.length;68 var r = getRandomInt(0, l);69 var s = conjunto[r]; // selected70 conjunto.splice(r, 1);71 return s;72 }73 74 75 function getRandomInt(min, max) {76 return Math.floor(Math.random() * (max - min)) + min;77 }78 79 </script>80 Enlace
El enlace para compartir es: