alert('Wait for 5-10 secs before using for proper loading!'); // Challenge 1: Your Age in Days function ageInDays(){ var birthYear = prompt('what year were you born in?'); var ageInDayss = (2020-birthYear) * 365; var h4 = document.createElement('h4'); h4.setAttribute('id','ageInDays'); var textAnswer = document.createTextNode('You are ' + ageInDayss + ' days old'); h4.appendChild(textAnswer); document.getElementById('result').appendChild(h4); } function reset(){ document.getElementById('ageInDays').remove(); } // Challenge 2: Cat Generator function generateCat(){ var image = document.createElement('img'); var div = document.getElementById('cat-gen'); image.src='http://thecatapi.com/api/images/get?format=src&type=gif&size=small'; image.style.width = '50px'; image.style.height = '50px'; div.appendChild(image); } // Challenge 3: Rock, Paper, Scissors function rockChoice(){ var humanChoice = document.getElementById('humanChoice').innerText= 'rock'; checkWinner(); } function paperChoice(){ var humanChoice = document.getElementById('humanChoice').innerText= 'paper'; checkWinner(); } function scissorsChoice(){ var humanChoice = document.getElementById('humanChoice').innerText = 'scissors'; checkWinner(); } function checkWinner(){ var humanChoice = document.getElementById('humanChoice').innerText; var botNumber = Math.floor(Math.random()*3); var availChoices = ['rock', 'paper', 'scissors']; var botChoice = availChoices[botNumber]; if(botChoice == humanChoice){ document.getElementById('winner').innerText = 'Tie'; document.getElementById('winner').style.color = 'orange'; } else if((botChoice == 'rock' && humanChoice == 'scissors')|| (botChoice == 'paper' && humanChoice == 'rock')|| (botChoice == 'scissors' && humanChoice == 'paper')){ document.getElementById('winner').innerText = 'You Lost!'; document.getElementById('winner').style.color = 'red'; } else if((botChoice == 'rock' && humanChoice == 'paper')|| (botChoice == 'paper' && humanChoice == 'scissors')|| (botChoice == 'scissors' && humanChoice == 'rock')){ document.getElementById('winner').innerText = 'You Won!'; document.getElementById('winner').style.color="green"; } document.getElementById('humanChoice').innerText = 'You: ' + humanChoice; document.getElementById('botChoice').innerText = 'Bot: ' + botChoice; } //Challenge 4: Change the Color of All Buttons var all_buttons = document.getElementsByTagName('button'); function changeColor(buttonThingy){ if(buttonThingy.value === 'red'){ buttonsRed(); } else if(buttonThingy.value === 'green'){ buttonsGreen(); } else if(buttonThingy.value === 'reset'){ buttonColorReset(); } else if(buttonThingy.value === 'random'){ randomColors(); } } function buttonsRed(){ for (let i=0; i 21){ you.innerHTML = 'BUST!'; you.style.color = 'red'; } } function showDealerCard(){ let dealerCardNum = Math.floor(Math.random()*13); let availCards = [ 'https://estopoker.com/images/deck/classic/sa.svg', 'https://estopoker.com/images/deck/classic/d2.svg', 'https://estopoker.com/images/deck/classic/d3.svg', 'https://estopoker.com/images/deck/classic/h4.svg', 'https://estopoker.com/images/deck/classic/s5.svg', 'https://estopoker.com/images/deck/classic/d6.svg', 'https://estopoker.com/images/deck/classic/c7.svg', 'https://estopoker.com/images/deck/classic/s8.svg', 'https://estopoker.com/images/deck/classic/h9.svg', 'https://estopoker.com/images/deck/classic/d10.svg', 'https://estopoker.com/images/deck/classic/sj.svg', 'https://estopoker.com/images/deck/classic/hq.svg', 'https://estopoker.com/images/deck/classic/sk.svg' ]; let dealerCardChoice = availCards[dealerCardNum]; let dealercardImage = document.createElement('img'); dealercardImage.src = dealerCardChoice; dealercardImage.setAttribute('id','dealerImg'); dealercardImage.style.height = '80px'; dealercardImage.style.width = '60px'; let dealerCardBox = document.createElement('span'); dealerCardBox.setAttribute('id','dealerCardBox'); document.getElementById('dealer-box').appendChild(dealerCardBox); let innerScore = document.getElementById('dealer-blackjack-result').innerHTML; let dealerScore = parseInt(innerScore); var deal = document.getElementById('dealer-blackjack-result'); let resultBar = document.getElementById('blackjack-result'); if(deal.innerHTML <= 21 && resultBar.innerHTML == "Let's play"){ if(dealerCardNum == 0){deal.innerHTML=dealerScore +1;}if(dealerCardNum == 1){deal.innerHTML=dealerScore +2;} if(dealerCardNum == 2){deal.innerHTML=dealerScore +3;}if(dealerCardNum == 3){deal.innerHTML=dealerScore +4;} if(dealerCardNum == 4){deal.innerHTML=dealerScore +5;}if(dealerCardNum == 5){deal.innerHTML=dealerScore +6;} if(dealerCardNum == 6){deal.innerHTML=dealerScore +7;}if(dealerCardNum == 7){deal.innerHTML=dealerScore +8;} if(dealerCardNum == 8){deal.innerHTML=dealerScore +9;}if(dealerCardNum==9){deal.innerHTML =dealerScore +10;} if(dealerCardNum==10){deal.innerHTML=dealerScore +10;} if(dealerCardNum==11){deal.innerHTML=dealerScore +10;} if(dealerCardNum==12){deal.innerHTML=dealerScore +10;} playHit.play(); document.getElementById('dealerCardBox').appendChild(dealercardImage); } } function computeDealerBust(){ let resultBar = document.getElementById('blackjack-result'); let orW = document.getElementById('wins').innerHTML; let defW = parseInt(orW); var deal = document.getElementById('dealer-blackjack-result'); playWin.play(); resultBar.innerHTML = 'YOU WIN!'; resultBar.style.color = 'green'; let win = document.getElementById('wins'); wins.innerHTML = defW + 1; deal.innerHTML = 'BUST!'; deal.style.color = 'red'; } function computeDrawBust(){ let resultBar = document.getElementById('blackjack-result'); let orD = document.getElementById('draws').innerHTML; let defD = parseInt(orD); var deal = document.getElementById('dealer-blackjack-result'); resultBar.innerHTML = 'YOU DREW!'; resultBar.style.color = 'black'; let draws = document.getElementById('draws'); draws.innerHTML = defD + 1; deal.innerHTML = 'BUST!'; deal.style.color = 'red'; } function computeWinner(){ let yourTotal = document.getElementById('your-blackjack-result').innerHTML; yourTotal = parseInt(yourTotal); let dealerTotal = document.getElementById('dealer-blackjack-result').innerHTML; dealerTotal = parseInt(dealerTotal); let orW = document.getElementById('wins').innerHTML; let defW = parseInt(orW); let orL = document.getElementById('losses').innerHTML; let defL = parseInt(orL); let orD = document.getElementById('draws').innerHTML; let defD = parseInt(orD); let resultBar = document.getElementById('blackjack-result'); if(yourTotal<=21){ if(yourTotal > dealerTotal && resultBar.innerHTML == "Let's play"){ playWin.play(); resultBar.innerHTML = 'YOU WIN!'; resultBar.style.color = 'green'; let wins = document.getElementById('wins'); wins.innerHTML = defW + 1; } else if(yourTotal < dealerTotal && resultBar.innerHTML == "Let's play"){ playLoose.play(); resultBar.innerHTML = 'YOU LOST!'; resultBar.style.color = 'red'; let losses = document.getElementById('losses'); losses.innerHTML = defL + 1; } else if(yourTotal == dealerTotal && resultBar.innerHTML == "Let's play"){ resultBar.innerHTML = 'YOU DREW!'; resultBar.style.color = 'black'; let draws = document.getElementById('draws'); draws.innerHTML = defD + 1; } } if((isNaN(yourTotal) && dealerTotal <= 21) && resultBar.innerHTML == "Let's play"){ playLoose.play(); resultBar.innerHTML = 'YOU LOST!'; resultBar.style.color = 'red'; let losses = document.getElementById('losses'); losses.innerHTML = defL + 1; } } function blackjackHit(){ isHit.innerText = 'true'; if(isStand1.innerText == 'false'){ showYourCard(); } } function blackjackStand(){ if(isHit.innerText == 'true'){ isStand1.innerText = 'true'; showDealerCard(); let resultBar = document.getElementById('blackjack-result'); let dealerTotal = document.getElementById('dealer-blackjack-result').innerHTML; dealerTotal = parseInt(dealerTotal); let yourTotal = document.getElementById('your-blackjack-result').innerHTML; yourTotal = parseInt(yourTotal); let orW = document.getElementById('wins').innerHTML; let defW = parseInt(orW); var deal = document.getElementById('dealer-blackjack-result'); if(dealerTotal > 21 && yourTotal <= 21){ isStand2.innerText = 'true'; isStand1.innerText = 'false'; computeDealerBust(); } if(dealerTotal > 21 && isNaN(yourTotal)){ isStand2.innerText = 'true'; isStand1.innerText = 'false'; computeDrawBust(); } if(dealerTotal > 15 && dealerTotal <=21){ isStand2.innerText = 'true'; isStand1.innerText = 'false'; computeWinner(); } } } function blackjackDeal(){ if(isStand2.innerText == 'true'){ let resultBar = document.getElementById('blackjack-result'); resultBar.innerHTML = "Let's play"; resultBar.style.color = 'black'; document.getElementById('your-blackjack-result').innerHTML = 0; document.getElementById('your-blackjack-result').style.color = 'white'; document.getElementById('myCardBox').remove(); document.getElementById('dealer-blackjack-result').innerHTML = 0; document.getElementById('dealer-blackjack-result').style.color = 'white'; document.getElementById('dealerCardBox').remove(); isStand1.innerText = 'false'; isHit.innerText = 'false'; isStand2.innerText = 'false'; } } });

Games|Tools