Your team is the Yankees. You have to kick the ball in the goal. If the ball is in the goal it’s a score's game

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

No:50713

←

Prev Next

→

Your team is the Yankees. You have to kick the bal..ALL
Developer User21391｜Date and time 24/3/9 12:52:38
Build time 6.009 sec｜Game capacity 1.77KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Goal Kick Game</title>
<style>
    #game-container {
        width: 100%;
        height: 400px;
        background-color: lightblue;
        display: flex;
        justify-content: center;
        align-items: center;
    }

#ball {
        width: 50px;
        height: 50px;
        background-color: white;
        border-radius: 50%;
        position: absolute;
        cursor: pointer;
    }

#goal {
        width: 100px;
        height: 100px;
        border: 2px solid black;
        position: absolute;
        bottom: 20px;
    }
</style>
</head>
<body>

ball.addEventListener('mousedown', function() {
        isMoving = true;
    });

document.addEventListener('mousemove', function(event) {
        if(isMoving) {
            ball.style.top = event.clientY - 25 + 'px';
            ball.style.left = event.clientX - 25 + 'px';
        }
    });

ball.addEventListener('mouseup', function() {
        isMoving = false;
        checkScore();
    });

function checkScore() {
        let ballPosition = ball.getBoundingClientRect();
        let goalPosition = goal.getBoundingClientRect();

if (ballPosition.right > goalPosition.left && ballPosition.left < goalPosition.right
            && ballPosition.bottom > goalPosition.top && ballPosition.top < goalPosition.bottom) {
            alert("Goal! You scored!");
        }
    }
</script>

</body>
</html>
```