Update koleso.html

koleso.html

@@ -77,7 +77,7 @@ body {
 
 <script>
 
-  const sectors = [
+const sectors = [
   { color: '#f82', label: 'VIP' },
   { color: '#0bf', label: '10' },
   { color: '#fb0', label: '200' },
@@ -96,10 +96,10 @@ const rad = dia / 2
 const PI = Math.PI
 const TAU = 2 * PI
 const arc = TAU / sectors.length
-
 const friction = 0.991 // 0.995=soft, 0.99=mid, 0.98=hard
 let angVel = 0 // Angular velocity
 let ang = 0 // Angle in radians
+let hasSpun = localStorage.getItem('hasSpun') === 'true'
 
 const getIndex = () => Math.floor(tot - (ang / TAU) * tot) % tot
 
@@ -134,7 +134,12 @@ function rotate() {
 function frame() {
   if (!angVel) return
   angVel *= friction // Decrement velocity by friction
-  if (angVel < 0.002) angVel = 0 // Bring to stop
+  if (angVel < 0.002) {
+    angVel = 0 // Bring to stop
+    const sector = sectors[getIndex()]
+    localStorage.setItem('hasSpun', 'true')
+    console.log('Result:', sector.label)
+  }
   ang += angVel // Update angle
   ang %= TAU // Normalize angle
   rotate()
@@ -150,12 +155,15 @@ function init() {
   rotate() // Initial rotation
   engine() // Start engine
   spinEl.addEventListener('click', () => {
-    if (!angVel) angVel = rand(0.25, 0.45)
+    if (!angVel && !hasSpun) {
+      angVel = rand(0.25, 0.45)
+    } else if (hasSpun) {
+      console.log('You have already spun the wheel.')
+    }
   })
 }
 
 init()
-
 </script>