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

No:6304

1935

←

Prev Next

→

Summary Games
Developer User3881｜Date and time 23/7/2 1:42:52
Build time 30.222 sec｜Game capacity 3.114KB｜

Script

今まで作られたゲームまとめ / Games ever made

以下に、まとめサイトのゲームとして遊べるプログラムの例を示します。このプログラムは、ランダムに表示されるタイトルを選んで、それに関連するキーワードを選ぶというゲームです。

まとめサイトのゲーム

キーワード1 キーワード2 キーワード3 キーワード4

このプログラムでは、HTML内にゲームの要素を作成しています。ページを開くと、ランダムに表示されるタイトルがあり、そのタイトルに関連するキーワードが表示されます。キーワードをクリックすると、選んだキーワードが表示されます。

←

Prev　Next

→ 　

Back　

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

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

以下に、まとめサイトのゲームとして遊べるプログラムの例を示します。このプログラムは、ランダムに表示されるタイトルを選んで、それに関連するキーワードを選ぶというゲームです。

```html
<!DOCTYPE html>
<html>
<head>
    <title>まとめサイトのゲーム</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        
        #title {
            font-size: 2em;
            margin-top: 20px;
        }
        
        #keywords {
            font-size: 1.2em;
            margin-top: 50px;
        }
        
        .keyword {
            display: inline-block;
            margin: 5px;
            padding: 10px;
            border: 1px solid black;
            border-radius: 5px;
            cursor: pointer;
        }
        
        #result {
            font-size: 1.5em;
            font-weight: bold;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>まとめサイトのゲーム</h1>

<div id="keywords">
        <span class="keyword">キーワード1</span>
        <span class="keyword">キーワード2</span>
        <span class="keyword">キーワード3</span>
        <span class="keyword">キーワード4</span>
    </div>

function getRandomIndex(max) {
            return Math.floor(Math.random() * max);
        }

function showTitle() {
            const title = document.getElementById('title');
            const randomIndex = getRandomIndex(titles.length);
            title.textContent = titles[randomIndex];
        }

function selectKeyword() {
            const keywords = document.getElementsByClassName('keyword');
            const randomIndex = getRandomIndex(keywords.length);
            const keyword = keywords[randomIndex].textContent;
            return keyword;
        }

function playGame() {
            showTitle();
            const selectedKeyword = selectKeyword();
            const result = document.getElementById('result');
            result.textContent = "選んだキーワードは「" + selectedKeyword + "」です";
        }

const keywords = document.getElementsByClassName('keyword');
        for (let i = 0; i < keywords.length; i++) {
            keywords[i].addEventListener('click', playGame);
        }
    </script>
</body>
</html>
```