Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width">
- <title>Slot Machine!</title>
- <style id="jsbin-css">
- #slots {
- background-color: black;
- padding: 10p;
- }
- #slots div {
- padding: 30px;
- margin: 5px;
- float: left;
- background-color: rgb(200,200,200);
- }
- </style>
- </head>
- <body>
- <div id="slots"></div>
- <button id="spin"> spin!</button>
- <div>
- Balance $<span id='balance'>
- </span>
- </div>
- <script id="jsbin-javascript">
- let game_el = document.getElementById('slots')
- let possible = ["A", "B", "C", "D", "E"]
- let number_of_spinners=3
- let balance=50
- let prize=10
- let slot_els = []
- let balance_el=document.getElementById('balance')
- balance_el.textContent = balance
- function render(result){
- game_el.innerHTML=''
- for (var i=0; i< number_of_spinners; i++){
- let spinner = document.createElement('div')
- spinner.innerHTML = result[i]
- game_el.appendChild(spinner)
- slot_els.push(spinner)
- }
- if (slot_els[0]==slot_els[1]&&slot_els[1]==slot_els[2]){
- console.log('matched')
- }
- }
- render(['?', '?','?'])
- function spin_func(){
- letter1=get_random(possible)
- letter2=get_random(possible)
- letter3=get_random(possible)
- render([letter1, letter2, letter3])
- balance-=1
- if(letter1==letter2&&letter2==letter3){
- balance = balance+prize
- }
- balance_el.textContent = balance
- console.log('spin!!!')
- }
- let spin_button = document.getElementById('spin')
- spin_button.onclick = spin_func
- function get_random(arr){
- let index = Math.floor(Math.random()*arr.length)
- return arr[index]
- }
- </script>
- <script id="jsbin-source-css" type="text/css">#slots {
- background-color: black;
- padding: 10p;
- }
- #slots div {
- padding: 30px;
- margin: 5px;
- float: left;
- background-color: rgb(200,200,200);
- }</script>
- <script id="jsbin-source-javascript" type="text/javascript">let game_el = document.getElementById('slots')
- let possible = ["A", "B", "C", "D", "E"]
- let number_of_spinners=3
- let balance=50
- let prize=10
- let slot_els = []
- let balance_el=document.getElementById('balance')
- balance_el.textContent = balance
- function render(result){
- game_el.innerHTML=''
- for (var i=0; i< number_of_spinners; i++){
- let spinner = document.createElement('div')
- spinner.innerHTML = result[i]
- game_el.appendChild(spinner)
- slot_els.push(spinner)
- }
- if (slot_els[0]==slot_els[1]&&slot_els[1]==slot_els[2]){
- console.log('matched')
- }
- }
- render(['?', '?','?'])
- function spin_func(){
- letter1=get_random(possible)
- letter2=get_random(possible)
- letter3=get_random(possible)
- render([letter1, letter2, letter3])
- balance-=1
- if(letter1==letter2&&letter2==letter3){
- balance = balance+prize
- }
- balance_el.textContent = balance
- console.log('spin!!!')
- }
- let spin_button = document.getElementById('spin')
- spin_button.onclick = spin_func
- function get_random(arr){
- let index = Math.floor(Math.random()*arr.length)
- return arr[index]
- }
- </script></body>
- </html>
Add Comment
Please, Sign In to add comment