diff --git a/css/normalize.css b/css/normalize.css
new file mode 100644
index 0000000..e69de29
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..2164d2d
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,74 @@
+* {
+ margin: 0;
+ padding: 0;
+ background-color: gray;
+}
+
+#img1,
+#img2,
+#img3 {
+ height: 10vh;
+ width: 10vh;
+}
+
+#logo {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ margin-top: 2%;
+ font-size: 2rem;
+}
+
+#jackpot {
+ margin-left: 32%;
+ width: 50vw;
+ height: 10vh;
+ margin-top: 2%;
+ font-size: 2rem;
+}
+
+.reelContainer,
+#bets {
+ display: flex;
+ justify-content: center;
+}
+.reelContainer img {
+ margin: 1%;
+ border: 2px solid black;
+ padding: 1%;
+}
+
+#bets button {
+ /* border: 2px solid greenyellow; */
+ margin: 1%;
+ display: flex;
+ justify-content: space-between;
+ font-size: 2rem;
+}
+
+span {
+ display: flex;
+ justify-content: center;
+ font-size: 2rem;
+}
+
+#spinBtn {
+ margin: 1%;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ width: 15vw;
+ height: 10vh;
+ /* border: 2px solid greenyellow; */
+ font-size: 3.5rem;
+ border: 4px solid yellow;
+ border-radius: 10px;
+ background-color: rgb(96, 96, 231);
+ color: yellow;
+}
+
+.betBorder {
+ border: 4px solid rgb(96, 96, 231);
+ border-radius: 10px;
+ background-color: yellow;
+}
diff --git a/img/1.svg b/img/1.svg
new file mode 100644
index 0000000..931e1b1
--- /dev/null
+++ b/img/1.svg
@@ -0,0 +1,2 @@
+
+
\ No newline at end of file
diff --git a/img/2.svg b/img/2.svg
new file mode 100644
index 0000000..a714cd6
--- /dev/null
+++ b/img/2.svg
@@ -0,0 +1,2 @@
+
+
\ No newline at end of file
diff --git a/img/3.svg b/img/3.svg
new file mode 100644
index 0000000..e78f745
--- /dev/null
+++ b/img/3.svg
@@ -0,0 +1,4850 @@
+
+
+
+
+
+
+
+
+
+
+]>
+
diff --git a/img/4.svg b/img/4.svg
new file mode 100644
index 0000000..2095184
--- /dev/null
+++ b/img/4.svg
@@ -0,0 +1,2 @@
+
+
\ No newline at end of file
diff --git a/img/5.svg b/img/5.svg
new file mode 100644
index 0000000..87fdf74
--- /dev/null
+++ b/img/5.svg
@@ -0,0 +1,2 @@
+
+
\ No newline at end of file
diff --git a/img/PokeSlots.png b/img/PokeSlots.png
new file mode 100644
index 0000000..66213d0
Binary files /dev/null and b/img/PokeSlots.png differ
diff --git a/img/pokeball.svg b/img/pokeball.svg
new file mode 100644
index 0000000..5feae2a
--- /dev/null
+++ b/img/pokeball.svg
@@ -0,0 +1,70 @@
+
+
+
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..f094feb
--- /dev/null
+++ b/index.html
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+ PokéSlots
+
+
+
+
+ 
+
+
Jackpot:
+
+
+
+
+
+
+
+ Score:
+
+
+
+
+
\ No newline at end of file
diff --git a/js/main.js b/js/main.js
new file mode 100644
index 0000000..4259bfe
--- /dev/null
+++ b/js/main.js
@@ -0,0 +1,240 @@
+document.querySelector('#spinBtn').addEventListener('click', play)
+document.querySelector('#minBet').addEventListener('click', minBet)
+document.querySelector('#maxBet').addEventListener('click', maxBet)
+
+let wager = 25
+let credits = 1000
+let jackpot = 5000
+let isJackpot = false
+let isMatchingThree = false
+
+// each slot
+let slot1 = document.getElementById('img1')
+let slot2 = document.getElementById('img2')
+let slot3 = document.getElementById('img3')
+
+
+//setting jackpot and score upon loading
+document.querySelector('h2').innerText = `Jackpot: ${jackpot}`
+document.querySelector('#score').innerText = credits
+
+let arr = ['img/1.svg', 'img/2.svg', 'img/3.svg', 'img/pokeball.svg', 'img/5.svg',]
+// let arr = ['img/1.svg', 'img/2.svg', 'img/3.svg', 'img/4.svg', 'img/pokeball.svg',]
+
+function play() {
+ slotMachine.game()
+}
+
+const slotMachine = {
+
+ spin1: function () {
+ let slot1RandomNumber = Math.floor(Math.random() * 10 + 20)
+ let testingNumber1 = 0
+ let i = 0
+ spin2win1 = setInterval(spinReel1, 50)
+ function spinReel1() {
+ testingNumber1++
+ i++
+ if (testingNumber1 >= slot1RandomNumber) {
+ clearInterval(spin2win1)
+ }
+ if (i === 5) {
+ i = 0
+ slot1.src = arr[i]
+ } else {
+ slot1.src = arr[i]
+ }
+ }
+ },
+ spin2: function () {
+ let slot2RandomNumber = Math.floor(Math.random() * 10 + 35)
+ let testingNumber2 = 0
+ let i = 0
+ spin2win2 = setInterval(spinReel2, 50)
+ function spinReel2() {
+ testingNumber2++
+ i++
+ if (testingNumber2 >= slot2RandomNumber) {
+ clearInterval(spin2win2)
+ }
+ if (i === 5) {
+ i = 0
+ slot2.src = arr[i]
+ } else {
+ slot2.src = arr[i]
+ }
+ }
+ },
+ spin3: function () {
+ let slot3RandomNumber = Math.floor(Math.random() * 10 + 50)
+ let testingNumber3 = 0
+ let i = 0
+ spin2win3 = setInterval(spinReel3, 50)
+ function spinReel3() {
+ testingNumber3++
+ i++
+ if (testingNumber3 >= slot3RandomNumber) {
+ clearInterval(spin2win3)
+ if (wager === 25 && slot1.src === slot2.src && slot2.src === slot3.src) {
+ credits += 2000
+ jackpot = jackpot - 2000
+ document.querySelector('#score').innerText = credits
+ document.querySelector('h2').innerText = `Jackpot: ${jackpot}`
+ } else if (wager === 100 && slot1.src === slot2.src && slot2.src === slot3.src) {
+ credits += jackpot
+ jackpot = 0
+ document.querySelector('#score').innerText = credits
+ document.querySelector('h2').innerText = `Jackpot: ${jackpot}`
+ } else {
+ credits -= wager
+ jackpot += wager
+ document.querySelector('#score').innerText = credits
+ document.querySelector('h2').innerText = `Jackpot: ${jackpot}`
+ }
+
+ }
+ if (i === 5) {
+ i = 0
+ slot3.src = arr[i]
+ } else {
+ slot3.src = arr[i]
+ }
+ }
+
+ },
+ game: function () {
+ const spinReel1 = slotMachine.spin1()
+ const spinReel2 = slotMachine.spin2()
+ const spinReel3 = slotMachine.spin3()
+ },
+ prize: function () {
+ if (wager === 25 && slot1.src === slot2.src && slot2.src === slot3.src) {
+ credits += 2000
+ jackpot = jackpot - 2000
+ document.querySelector('#score').innerText = credits
+ document.querySelector('h2').innerText = `Jackpot: ${jackpot}`
+ } else if (wager === 100 && slot1.src === slot2.src && slot2.src === slot3.src) {
+ credits += jackpot
+ jackpot = 0
+ document.querySelector('#score').innerText = credits
+ document.querySelector('h2').innerText = `Jackpot: ${jackpot}`
+ } else {
+ credits -= wager
+ jackpot += wager
+ document.querySelector('#score').innerText = credits
+ document.querySelector('h2').innerText = `Jackpot: ${jackpot}`
+ }
+ }
+}
+
+// function spin() {
+
+// let testingNumber2 = 0
+// let testingNumber3 = 0
+
+// let j = 0
+// let k = 0
+
+
+// spin2win2 = setInterval(spinReel2, 50)
+// spin2win3 = setInterval(spinReel3, 50)
+
+// function spinReel1() {
+// testingNumber1++
+// i++
+
+// }
+// function spinReel2() {
+// testingNumber2++
+// j++
+// if (testingNumber2 >= slot2RandomNumber) {
+// clearInterval(spin2win2)
+// }
+// if (j === 5) {
+// j = 0
+// slot2.src = arr[j]
+// } else {
+// slot2.src = arr[j]
+// }
+// }
+// function spinReel3() {
+// testingNumber3++
+// k++
+// if (testingNumber3 >= slot3RandomNumber) {
+// clearInterval(spin2win3)
+// console.log('i spun')
+// }
+
+// if (k === 5) {
+// k = 0
+// slot3.src = arr[k]
+// } else {
+// slot3.src = arr[k]
+// }
+
+// }
+
+// }
+
+// checkForJackpot()
+// updateScore()
+
+function minBet() {
+ wager = 25
+ minBet = document.querySelector("#minBet").className = ""
+ minBet = document.querySelector("#minBet").className += "betBorder "
+ maxBet = document.querySelector("#maxBet").className -= "betBorder "
+ maxBet = document.querySelector("#maxBet").className = ""
+}
+function maxBet() {
+ wager = 100
+ maxBet = document.querySelector("#maxBet").className += ""
+ maxBet = document.querySelector("#maxBet").className += "betBorder "
+ minBet = document.querySelector("#minBet").className -= "betBorder "
+ minBet = document.querySelector("#minBet").className = ""
+}
+
+function updateScore() {
+ console.log("JP is " + isJackpot)
+ console.log("JM3P is " + isMatchingThree)
+
+ if (isJackpot) {
+ credits += jackpot
+ jackpot = 0
+ document.querySelector('#score').innerText = credits
+ document.querySelector('h2').innerText = `Jackpot: ${jackpot}`
+
+ } else if (isMatchingThree) {
+ credits += 2000
+ jackpot = jackpot - 2000
+ document.querySelector('#score').innerText = credits
+ document.querySelector('h2').innerText = `Jackpot: ${jackpot}`
+ } else {
+ jackpot += 25
+ credits -= 25
+ document.querySelector('h2').innerText = `Jackpot: ${jackpot}`
+ document.querySelector('#score').innerText = credits
+ }
+}
+
+function checkForJackpot() {
+ let slot1 = document.querySelector('#img1').src
+ let slot2 = document.getElementById('img2').src
+ let slot3 = document.getElementById('img3').src
+
+ //way too complicated to check for a jackpot
+ let jpImage = slot1.split('/')
+ let jpImageLength = jpImage.length
+ console.log(jpImage[jpImageLength - 1])
+
+
+ if (slot1 === slot2 && slot2 === slot3 && jpImage[jpImageLength - 1] === 'pokeball.svg') {
+ isJackpot = true
+ console.log('jackpot!!!')
+ console.log("jackpot is " + isJackpot)
+ } else if (slot1 === slot2 && slot2 === slot3) {
+ console.log('matching 3')
+ isMatchingThree = true
+ console.log("matching 3 is " + isMatchingThree)
+ }
+}
+