Este es un javascript para un juego de rasca y gana. Hasta ahora, quiero lograr que un usuario solo pueda raspar el juego una vez. Hay 3 var, por ejemplo, por lo que será como después de que 3 usuarios lo rasquen, la matriz debe estar vacía y la función de alerta llamará. Ahora solo puedo usar el bucle para vaciar la matriz y no puedo descifrar cómo hacer que se empalme uno por uno por intento.
var promoCode = ''; var bg1 = 'https://cdn.pixabay.com/photo/2020/06/01/22/23/eye-5248678__340.jpg'; var bg2 = 'http://farm5.static.flickr.com/4017/4717107886_dcc1270a65_b.jpg'; var bg3 = 'http://images6.fanpop.com/image/photos/41500000/adorable-puppies-cute-puppies-41538743-590-393.jpg'; var bgArr = [bg1, bg2, bg3]; for(var i=0; i <1; i++){ selectBG = bgArr.splice(Math.floor(Math.random() * bgArr.length), 1)[0]; console.log(selectBG); } if (selectBG === bg1) { promoCode = 'SCRATCH400'; var audio = new Audio('https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3'); audio.play(); } else if (selectBG === bg2) { promoCode = 'SCRATCH500'; var audio = new Audio('https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3'); audio.play(); } else if (selectBG === bg3) { promoCode = 'SCRATCH600'; var audio = new Audio('https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3'); audio.play(); } else if (bgArr.length === 0) { alert("No more voucher"); } $('#promo').wScratchPad({ // the size of the eraser size: 70, // the randomized scratch image bg: selectBG, // give real-time updates realtime: true, // The overlay image fg: 'https://cdn.glitch.com/2c225b7b-6134-4f2b-9842-1d5d060d9cd4%2Foverlay.png', // The cursor (coin) image 'cursor': 'url("https://cdn.glitch.com/2c225b7b-6134-4f2b-9842-1d5d060d9cd4%2Fcoin1.png") 30 30, default', scratchMove: function(e, percent) { console.log(percent); console.log(promoCode); // Show the plain-text promo code and call-to-action when the scratch area is 50% scratched if ((percent > 50) && (promoCode != '')) { $('.promo-container').show(); $('body').removeClass('not-selectable'); $('.promo-code').html('Your code is: ' + promoCode); } } });