Remot control buttons with ossalating line's game

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

No:48537

←

Prev Next

→

Remot control buttons with ossalating line
Developer User18896｜Date and time 24/3/2 12:25:17
Build time 9.863 sec｜Game capacity 2.407KB｜

Script

Score: 0

▲

▼

◄

►

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

// Function to randomly select a direction for the oscillating line
function selectDirection() {
    let directions = ['up', 'down', 'left', 'right'];
    let randomDirection = directions[Math.floor(Math.random() * directions.length)];
    return randomDirection;
}

// Function to update the game score
function updateScore() {
    score++;
    document.getElementById('score').innerText = 'Score: ' + score;
}

// Function to check if the correct button is pressed
function checkButton(button) {
    if (buttonPressed && button === 'up') {
        updateScore();
    } else if (buttonPressed && button === 'down') {
        updateScore();
    } else if (buttonPressed && button === 'left') {
        updateScore();
    } else if (buttonPressed && button === 'right') {
        updateScore();
    }
    buttonPressed = false;
}

// Function to start the game
function startGame() {
    let direction = selectDirection();
    document.getElementById('line').classList.add(direction);

// Event listeners for arrow buttons
    document.getElementById('up').addEventListener('click', function() {
        buttonPressed = true;
        checkButton('up');
    });
    document.getElementById('down').addEventListener('click', function() {
        buttonPressed = true;
        checkButton('down');
    });
    document.getElementById('left').addEventListener('click', function() {
        buttonPressed = true;
        checkButton('left');
    });
    document.getElementById('right').addEventListener('click', function() {
        buttonPressed = true;
        checkButton('right');
    });

// Set interval for line movement
    setInterval(() => {
        document.getElementById('line').classList.remove(direction);
        direction = selectDirection();
        document.getElementById('line').classList.add(direction);
    }, 1000);
}

// Initialize the game
startGame();
</script>

.up, .down, .left, .right { 
    opacity: 0;
}

</style>

<div id="score">Score: 0</div>
<div id="line"></div>
<div class="button" id="up">▲</div>
<div class="button" id="down">▼</div>
<div class="button" id="left">◄</div>
<div class="button" id="right">►</div>