Add happy emoji and add Button to spin and Change position's game

Click here for free DL of the app version that can save data.

No:29113

←

Prev Next

→

Add happy emoji and add Button to spin and Change ..ALL
Developer User14408｜Date and time 23/12/16 3:38:20
Build time 15.834 sec｜Game capacity 1.785KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Jogo de Roda da Sorte</title>
</head>

<body>
    <div id="wheel" style="text-align:center;">
        <img id="prize" src="pictogram.png" alt="Prêmio" style="width:200px; height:200px;">
        <button onclick="spinWheel()">Girar</button>
    </div>

// Set the transition duration and rotation property
            document.getElementById('prize').style.transitionDuration = '2s';
            document.getElementById('prize').style.transitionProperty = 'transform';

// Rotate the wheel by the specified degrees
            document.getElementById('prize').style.transform = 'rotate(' + degrees + 'deg)';

// After 2 seconds, change the position of the wheel to stop spinning
            setTimeout(changePosition, 2000);
        }

function changePosition() {
            var positions = ['First', 'Second', 'Third', 'Fourth', 'Fifth']; // Array of possible positions
            var positionIndex = Math.floor(Math.random() * positions.length); // Randomly select a position index

// Change the text content of the wheel position
            document.getElementById('prize').alt = positions[positionIndex];

// Remove the transition duration and rotation property
            document.getElementById('prize').style.transitionDuration = '0s';
            document.getElementById('prize').style.transitionProperty = 'none';

// Reset the rotation of the wheel back to 0 degrees
            document.getElementById('prize').style.transform = 'rotate(0deg)';
        }
    </script>
</body>

</html>