let counter = 0; let clickValue1 = 0; let clickValue2 = 0; let points = 0; let bomb = 0; let useBomb = false; alert('Dont forget to upvote if you enjoy the game!'); //build out table with random numbers and event handlers function autoFill(){ let array = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35]; document.getElementById('loading').style.display = 'none'; for(i=0;i<10;i++){ document.getElementById("row1").innerHTML += ``+Math.floor(Math.random()*10)+""; document.getElementById("row2").innerHTML += ``+Math.floor(Math.random()*10)+""; document.getElementById("row3").innerHTML += ``+Math.floor(Math.random()*10)+""; document.getElementById("row4").innerHTML += ``+Math.floor(Math.random()*10)+""; document.getElementById("row5").innerHTML += ``+Math.floor(Math.random()*10)+""; } //invoke getData function which will GET scores from Google Sheet getData(); } function game(e){ let temp = e.target.id; if(useBomb === true && document.getElementById(temp).nextSibling){ let element = document.getElementById(temp); let element3 = document.getElementById(temp).nextSibling; element.parentNode.removeChild(element); element3.parentNode.removeChild(element3); document.getElementById("body").style.cursor = "auto"; useBomb = false; bomb = 0; let element2 = document.getElementById("bombButton"); element2.parentNode.removeChild(element2); points += 2; document.getElementById("points").innerHTML = "Points: "+points; document.getElementById("body").style.background = "white"; countCells(); return; } let temp2 = document.getElementById(temp).previousSibling.innerHTML; let temp3 = document.getElementById(temp).innerHTML; if(Math.abs((temp3 - temp2))%2 === 1 && document.getElementById(temp).previousSibling){ let element = document.getElementById(temp); let element2 = document.getElementById(temp).previousSibling; element.parentNode.removeChild(element); element2.parentNode.removeChild(element2); points++; bomb++; if(bomb >= 5){ document.getElementById("bomb").innerHTML = ""; }else{} document.getElementById("points").innerHTML = "Points: "+points; }else{} countCells(); } //function for counting how many cells are left function countCells(){ let x1 = document.getElementById("row1").children.length; let x2 = document.getElementById("row2").children.length; let x3 = document.getElementById("row3").children.length; let x4 = document.getElementById("row4").children.length; let x5 = document.getElementById("row5").children.length; document.getElementById("cellsLeft").innerHTML = 'Cells Remaining: ' + (x1+x2+x3+x4+x5); } function primeBomb(){ document.getElementById("body").style.cursor = "crosshair"; document.getElementById("body").style.background = "red"; useBomb = true; } //https://spreadsheets.google.com/feeds/list/1NWh8-OhpGLNF8mAZRdxPVMk7Qb58Kjrf4yPRIxqqK-4/1/public/basic?alt=json function getData(){ axios.get(`https://spreadsheets.google.com/feeds/list/1NWh8-OhpGLNF8mAZRdxPVMk7Qb58Kjrf4yPRIxqqK-4/1/public/basic?alt=json`) .then(function (response) { for(i=0;i<400;i++){ if(response.data.feed.entry[i]){ let temp = response.data.feed.entry[i].content.$t; temp = temp.split(', '); name = temp[0].split('name: '); name = name.replace(/,/i, ''); score = temp[1].split('score: '); score = score[1]; let date = response.data.feed.entry[i].title.$t.split(' '); date = date[0]; document.getElementById("output").innerHTML += `${name}${score}${date}
`; }else{return} } }) .catch(function (error) { // handle error console.log(error); }); // .then(function () { // // always executed // }); document.getElementById("loading2").style.display = 'none'; } //when hovering over a table cell the previous sibling element will also change it's background color function hover(e){ if(!useBomb && document.getElementById(e.target.id).previousSibling.id){ let temp = document.getElementById(e.target.id).previousSibling.id; document.getElementById(temp).style.backgroundColor = 'lightskyblue'; }else if(useBomb && document.getElementById(e.target.id).nextSibling){ let temp = document.getElementById(e.target.id).nextSibling.id; document.getElementById(temp).style.backgroundColor = 'lightskyblue'; } } function unHover(e){ if(!useBomb && document.getElementById(e.target.id).previousSibling.id){ let temp = document.getElementById(e.target.id).previousSibling.id; document.getElementById(temp).style.backgroundColor = '#222'; }else if(useBomb && document.getElementById(e.target.id).nextSibling){ let temp = document.getElementById(e.target.id).nextSibling.id; document.getElementById(temp).style.backgroundColor = '#222'; } }

Oddy Game