making constant reference to something in ones head's game

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

No:1368

216

←

Prev Next

→

making constant reference to something in ones hea..ALL
Developer User1006｜Date and time 23/6/18 12:37:10
Build time 18.576 sec｜Game capacity 2.214KB｜

Script

了解です。以下が要件を満たすアプリの例です。

このアプリは「Emoji Game」という名前のゲームです。「Start Game」というボタンをクリックすると、画面上にランダムな絵文字が表示されます。絵文字をクリックすると、スコアが加算されます。1秒ごとにランダムな位置に絵文字が表示され、スコアをできるだけ多く獲得することが目的です。スマホでも操作可能で、絵文字を多用しています。

←

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>Emoji Game</title>
</head>
<body>
    <div id="emojiContainer"></div>
    <button id="startButton">Start Game</button>
    <p id="score" style="display:none;">Score: 0</p>

function startGame() {
            score = 0;
            document.getElementById('score').innerHTML = 'Score: ' + score;
            document.getElementById('score').style.display = 'block';
            document.getElementById('startButton').style.display = 'none';
            intervalId = setInterval(showRandomEmoji, 1000);
        }

function showRandomEmoji() {
            let randomIndex = Math.floor(Math.random() * emojis.length);
            let emoji = emojis[randomIndex];
            let emojiElement = document.createElement('span');
            emojiElement.innerHTML = emoji;
            emojiElement.style.position = 'absolute';
            emojiElement.style.top = Math.floor(Math.random() * window.innerHeight) + 'px';
            emojiElement.style.left = Math.floor(Math.random() * window.innerWidth) + 'px';
            emojiElement.addEventListener('click', function() {
                document.getElementById('emojiContainer').removeChild(emojiElement);
                score++;
                document.getElementById('score').innerHTML = 'Score: ' + score;
            });
            document.getElementById('emojiContainer').appendChild(emojiElement);
        }

document.getElementById('startButton').addEventListener('click', startGame);
    </script>
</body>
</html>