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

No:3365

443

←

Prev Next

→

getting grilled meat
Developer User3662｜Date and time 23/6/24 16:47:28
Build time 19.741 sec｜Game capacity 2.331KB｜

Script

焼肉ゲット

Score: 0

Time left: 30

←

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>焼肉ゲット</title> 
    <style> 
        body { 
            font-family: Arial, sans-serif; 
            text-align: center; 
        } 
        
        #score { 
            font-size: 2em; 
            margin-bottom: 10px; 
        } 
        
        #main { 
            width: 80%; 
            height: 400px; 
            margin: 0 auto; 
            position: relative; 
            border: 5px solid #333; 
            background-color: #ddd; 
        } 
        
        #target { 
            width: 100px; 
            height: 100px; 
            background-image: url('🍖'); 
            background-repeat: no-repeat; 
            position: absolute; 
            top: 50%; 
            left: 50%; 
            margin-top: -50px; 
            margin-left: -50px; 
            cursor: pointer; 
        } 
    </style> 
    <script> 
        let score = 0; 
        let timeLeft = 30; 
        let countdownTimer; 
        
        function startGame() { 
            score = 0; 
            timeLeft = 30; 
            document.getElementById('score').innerHTML = `Score: ${score}`; 
            document.getElementById('timeleft').innerHTML = `Time left: ${timeLeft}`; 
            countdownTimer = setInterval(updateTime, 1000); 
        } 
        
        function updateTime() { 
            timeLeft--; 
            document.getElementById('timeleft').innerHTML = `Time left: ${timeLeft}`; 
            if (timeLeft == 0) { 
                clearInterval(countdownTimer); 
                document.getElementById('target').style.display = 'none'; 
                alert(`Game over! Your score: ${score}`); 
            } 
        } 
        
        function clickTarget() { 
            score++; 
            document.getElementById('score').innerHTML = `Score: ${score}`; 
        } 
        
        window.onload = function() { 
            document.getElementById('target').addEventListener('click', clickTarget); 
            startGame(); 
        }; 
    </script> 
</head> 
<body> 
    <h1>焼肉ゲット</h1> 
    <div id="score">Score: 0</div> 
    <div id="timeleft">Time left: 30</div> 
    <div id="main"> 
        <div id="target"></div> 
    </div> 
    <button onclick="startGame()">Start</button> 
</body> 
</html>