diff --git a/slot_machine.html b/slot_machine.html new file mode 100644 index 00000000..d74ee402 --- /dev/null +++ b/slot_machine.html @@ -0,0 +1,28 @@ + + + + + +

TRY YOUR LUCK!

+ + slotmachinepicture + +
+

+

+

+
+
+

+
+ +
+

YOUR SCORE IS:

+
+ + + + + + + \ No newline at end of file diff --git a/slot_machine.js b/slot_machine.js new file mode 100644 index 00000000..81bd799f --- /dev/null +++ b/slot_machine.js @@ -0,0 +1,61 @@ +let symbols1 = [':)', '<3', ':(', '$', '&'] +var playerScore = 100; +document.querySelector("#playerScore").innerText = playerScore +let slot1 = symbols1[Math.floor(Math.random() * 5)] +let slot2 = symbols1[Math.floor(Math.random() * 5)] +let slot3 = symbols1[Math.floor(Math.random() * 5)] +document.querySelector("#slot1").innerText = slot1 +document.querySelector("#slot2").innerText = slot2 +document.querySelector("#slot3").innerText = slot3 + +function getRamdomCharacter() { + let slot1 = symbols1[Math.floor(Math.random() * 5)] + let slot2 = symbols1[Math.floor(Math.random() * 5)] + let slot3 = symbols1[Math.floor(Math.random() * 5)] + document.querySelector("#slot1").innerText = slot1 + document.querySelector("#slot2").innerText = slot2 + document.querySelector("#slot3").innerText = slot3 + + if (slot1 == slot2 && slot2 == slot3) { + document.querySelector("#results").innerText = 'JACKPOT! YOU WIN 100 POINTS' + playerScore += 100 + + if (playerScore >= 500) { + document.querySelector("#results").innerText = 'CONGRATULATIONS! 500+ POINTS YOU WIN THE GAME' + } + } + + else { + document.querySelector("#results").innerText = 'YOU lOSE 10 POINTS' + playerScore -= 10 + } + document.querySelector("#playerScore").innerText = playerScore +} + +document.querySelector("#submit1").addEventListener("click", getRamdomCharacter); + +function getRamdomCharacter2() { + let slot1 = symbols1[Math.floor(Math.random() * 5)] + let slot2 = symbols1[Math.floor(Math.random() * 5)] + let slot3 = symbols1[Math.floor(Math.random() * 5)] + document.querySelector("#slot1").innerText = slot1 + document.querySelector("#slot2").innerText = slot2 + document.querySelector("#slot3").innerText = slot3 + + if (slot1 == slot2 && slot2 == slot3) { + document.querySelector("#results").innerText = 'JACKPOT! YOU WIN 300 POINTS' + playerScore += 300 + + if (playerScore >= 500) { + document.querySelector("#results").innerText = 'CONGRATULATIONS! 500+ POINTS YOU WIN THE GAME' + } + } + + else { + document.querySelector("#results").innerText = 'YOU lOSE 50 POINTS' + playerScore -= 50 + } + document.querySelector("#playerScore").innerText = playerScore +} + +document.querySelector("#submit2").addEventListener("click", getRamdomCharacter2); \ No newline at end of file diff --git a/slotmachinepicture.png b/slotmachinepicture.png new file mode 100644 index 00000000..70b38d4f Binary files /dev/null and b/slotmachinepicture.png differ diff --git a/styles.css b/styles.css new file mode 100644 index 00000000..37789bcc --- /dev/null +++ b/styles.css @@ -0,0 +1,18 @@ +h1{ + color: red; +} + +#allSlots{ + display: flex; + flex-direction: row; + justify-content: center; +} + +#slot1, #slot2, #slot3{ + text-align: center; + padding-left: 25px; +} + +body{ + text-align: center; +} \ No newline at end of file