Guest User

Untitled

a guest
Oct 19th, 2017
101
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.92 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width">
  6. <title>Slot Machine!</title>
  7. <style id="jsbin-css">
  8. #slots {
  9. background-color: black;
  10. padding: 10p;
  11. }
  12.  
  13. #slots div {
  14. padding: 30px;
  15. margin: 5px;
  16. float: left;
  17. background-color: rgb(200,200,200);
  18. }
  19. </style>
  20. </head>
  21.  
  22. <body>
  23. <div id="slots"></div>
  24. <button id="spin"> spin!</button>
  25. <div>
  26. Balance $<span id='balance'>
  27. </span>
  28. </div>
  29.  
  30. <script id="jsbin-javascript">
  31. let game_el = document.getElementById('slots')
  32. let possible = ["A", "B", "C", "D", "E"]
  33. let number_of_spinners=3
  34. let balance=50
  35. let prize=10
  36.  
  37. let slot_els = []
  38. let balance_el=document.getElementById('balance')
  39. balance_el.textContent = balance
  40.  
  41. function render(result){
  42. game_el.innerHTML=''
  43. for (var i=0; i< number_of_spinners; i++){
  44. let spinner = document.createElement('div')
  45. spinner.innerHTML = result[i]
  46. game_el.appendChild(spinner)
  47. slot_els.push(spinner)
  48. }
  49.  
  50. if (slot_els[0]==slot_els[1]&&slot_els[1]==slot_els[2]){
  51. console.log('matched')
  52. }
  53. }
  54.  
  55. render(['?', '?','?'])
  56.  
  57. function spin_func(){
  58. letter1=get_random(possible)
  59. letter2=get_random(possible)
  60. letter3=get_random(possible)
  61. render([letter1, letter2, letter3])
  62. balance-=1
  63. if(letter1==letter2&&letter2==letter3){
  64. balance = balance+prize
  65. }
  66. balance_el.textContent = balance
  67. console.log('spin!!!')
  68. }
  69.  
  70. let spin_button = document.getElementById('spin')
  71. spin_button.onclick = spin_func
  72.  
  73. function get_random(arr){
  74. let index = Math.floor(Math.random()*arr.length)
  75. return arr[index]
  76. }
  77. </script>
  78.  
  79.  
  80. <script id="jsbin-source-css" type="text/css">#slots {
  81. background-color: black;
  82. padding: 10p;
  83. }
  84.  
  85. #slots div {
  86. padding: 30px;
  87. margin: 5px;
  88. float: left;
  89. background-color: rgb(200,200,200);
  90. }</script>
  91.  
  92. <script id="jsbin-source-javascript" type="text/javascript">let game_el = document.getElementById('slots')
  93. let possible = ["A", "B", "C", "D", "E"]
  94. let number_of_spinners=3
  95. let balance=50
  96. let prize=10
  97.  
  98. let slot_els = []
  99. let balance_el=document.getElementById('balance')
  100. balance_el.textContent = balance
  101.  
  102. function render(result){
  103. game_el.innerHTML=''
  104. for (var i=0; i< number_of_spinners; i++){
  105. let spinner = document.createElement('div')
  106. spinner.innerHTML = result[i]
  107. game_el.appendChild(spinner)
  108. slot_els.push(spinner)
  109. }
  110.  
  111. if (slot_els[0]==slot_els[1]&&slot_els[1]==slot_els[2]){
  112. console.log('matched')
  113. }
  114. }
  115.  
  116. render(['?', '?','?'])
  117.  
  118. function spin_func(){
  119. letter1=get_random(possible)
  120. letter2=get_random(possible)
  121. letter3=get_random(possible)
  122. render([letter1, letter2, letter3])
  123. balance-=1
  124. if(letter1==letter2&&letter2==letter3){
  125. balance = balance+prize
  126. }
  127. balance_el.textContent = balance
  128. console.log('spin!!!')
  129. }
  130.  
  131. let spin_button = document.getElementById('spin')
  132. spin_button.onclick = spin_func
  133.  
  134. function get_random(arr){
  135. let index = Math.floor(Math.random()*arr.length)
  136. return arr[index]
  137. }
  138.  
  139. </script></body>
  140. </html>
Add Comment
Please, Sign In to add comment