Lets maximize the text size! The user only has to press a button to increase the size of the displayed text! When the text is maximized, it will vibrate! After 5 seconds of vibration, replace all letters with 💥!'s game

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

No:5154

3834

←

Prev Next

→

Lets maximize the text size! The user only has to ..ALL
Developer User3589｜Date and time 23/6/29 19:43:27
Build time 16.783 sec｜Game capacity 2.069KB｜

Script

了解しました！以下が、指定された要件を満たすHTMLファイルの実装例です。

Hello!

このコードは、指定された要件に基づき、ユーザーがボタンを押すと表示されるテキストが大きくなり、最大まで大きくなると振動し、さらに5秒後に全てのテキストが爆発絵文字に置き換わるというゲームの要素を持っています。スマートフォンでの操作に対応しており、絵文字も使用しています。

←

Prev　Next

→ 　

Back　

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

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

了解しました！以下が、指定された要件を満たすHTMLファイルの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            background-color: black;
        }
        #text {
            font-size: 200px;
            color: white;
            text-align: center;
            margin-top: 50vh;
            transform: translateY(-50%);
        }
    </style>
</head>
<body>
    <div id="text">Hello!</div>

textElement.addEventListener("click", function () {
            clearInterval(intervalId);
            textElement.style.fontSize = "";
            textElement.textContent = "Hello!";

intervalId = setInterval(function () {
                var fontSize = parseInt(getComputedStyle(textElement).fontSize);
                if (fontSize < maxSize) {
                    fontSize += 10;
                    textElement.style.fontSize = fontSize + "px";
                } else {
                    clearInterval(intervalId);

textElement.style.fontSize = maxSize + "px";
                    textElement.style.animation = "shake 0.5s infinite";
                    setTimeout(function () {
                        clearInterval(intervalId);
                        textElement.style.animation = "";
                        textElement.textContent = "💥".repeat(textElement.textContent.length);
                    }, 5000);
                }
            }, 100);
        });
    </script>
</body>
</html>
```