math/b.html at textbook · tamachika/math · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>【DQM3】体験版で作れるモンスターから作れるEランク以上のモンスター集</title>
    <style>
        /* スタイルを追加することができます */
        .success {
            color: green;
        }
        .failure {
            color: red;
        }
    </style>
</head>
<body>
    <h1>【DQM3】体験版で作れるモンスターから作れるEランク以上のモンスター集</h1>
    <ul>
        <li>
            <strong>スカルガルー+みみとびねずみ</strong>
            <span class="success">〇→エビルハムスター</span>
        </li>
        <li>
            <strong>スカルガルー+ももんじゃ</strong>
            <span class="success">〇→ダックスビル</span>
        </li>
        <li>
            <strong>スカルライダー+ミイラおとこ</strong>
            <span class="success">〇→しのどれい</span>
        </li>
        <li>
            <strong>スノーム+とげジョボー</strong>
            <span class="success">〇→スピンスライム</span>
        </li>
        <li>
            <strong>スライム+デンデン竜</strong>
            <span class="success">〇→もりもりスライム</span>
        </li>
        <li>
            <strong>タップペンギー+わらいぶくろ</strong>
            <span class="success">〇→おどる宝石</span>
        </li>
        <li>
            <strong>タップペンギー+ベビーサタン</strong>
            <span class="success">〇→キメラ</span>
        </li>
        <li>
            <strong>タップペンギー+ナスビナーラ</strong>
            <span class="success">〇→メランザーナ</span>
        </li>
        <li>
            <strong>チョコゴーレム+ホイップゴースト</strong>
            <span class="success">〇→チョコホイップ</span>
        </li>
        <li>
            <strong>デンデン竜+ポイズンリザード</strong>
            <span class="success">〇→毒つぼドラゴン</span>
        </li>
        <li>
            <strong>ドラゴスライム+ビッグハット</strong>
            <span class="success">〇→トンブレロ</span>
        </li>
        <li>
            <strong>ドルイド+ミステリードール</strong>
            <span class="success">〇→きめんどうし</span>
        </li>
        <li>
            <strong>どんぐりベビー+ホイミスライム</strong>
            <span class="success">〇→エンゼルスライム</span>
        </li>
        <li>
            <strong>ドロヌーバ＋ぶちスライム</strong>
            <span class="success">〇→ストーンスライム</span>
        </li>
        <li>
            <strong>バブルスライム+ボックススライム</strong>
            <span class="success">〇→スライムタール</span>
        </li>
        <li>
            <strong>びっくりサタン+ひとくいサーベル</strong>
            <span class="success">〇→ベレス</span>
        </li>
        <li>
            <strong>マッシュスライム+マドハンド</strong>
            <span class="success">〇→ぬかどこスライム</span>
        </li>
        <li>
            <strong>ミステリードール+ランタンこぞう</strong>
            <span class="success">〇→エンタシスマン</span>
        </li>
        <li>
            <strong>メタルハンター+シールドこぞう</strong>
            <span class="success">〇→シールドオーガ</span>
        </li>
        <li>
            <strong>～系統～</strong>
        </li>
        <li>
            <strong>F悪魔系+スライム系</strong>
            <span class="success">〇→ダークスライム</span>
        </li>
        <li>
            <strong>アイアンタートル+魔獸系</strong>
            <span class="success">〇→ガメゴン</span>
        </li>
        <li>
            <strong>キャットフライ+悪魔系</strong>
            <span class="success">〇→ねこまどう</span>
        </li>
        <li>
            <strong>クロコマーチ+ゾンビ系</strong>
            <span class="success">〇→毒つぼドラゴン</span>
        </li>
        <li>
            <strong>シーメーダ+魔獸系</strong>
            <span class="success">〇→ビッグアイ</span>
        </li>
        <li>
            <strong>かまいたち+びっくりサタン</strong>
            <span class="success">〇→サタンフーラー</span>
        </li>
        <li>
            <strong>かまいたち+メタッピー</strong>
            <span class="success">〇→ガチャコッコ</span>
        </li>
        <li>
            <strong>ギズモ+スノーム</strong>
            <span class="success">〇→フロストギズモ</span>
        </li>
        <li>
            <strong>ギズモ+ドラゴスライム</strong>
            <span class="success">〇→ヒートギズモ</span>
        </li>
        <li>
            <strong>キラーコーン+ズッキーニャ</strong>
            <span class="success">〇→ビーンファイター</span>
        </li>
        <li>
            <strong>キラーコーン+はさみくわがた</strong>
            <span class="success">〇→キラービー</span>
        </li>
        <li>
            <strong>くさったしたい+リリパット</strong>
            <span class="success">〇→どくやずきん</span>
        </li>
        <li>
            <strong>くらやみハーピー+ミステリードール</strong>
            <span class="success">〇→メイデンドール</span>
        </li>
        <li>
            <strong>クロコマーチ+さまようよろい</strong>
            <span class="success">〇→毒つぼドラゴン</span>
        </li>
        <li>
            <strong>ごろつき+ランドセーラー</strong>
            <span class="success">〇→オーガー</span>
        </li>
        <li>
            <strong>コンジュラー+ドラキー</strong>
            <span class="success">〇→メイジドラキー</span>
        </li>
        <li>
            <strong>さまようよろい+スマイルリザード</strong>
            <span class="success">〇→リザードマン</span>
        </li>
        <li>
            <strong>しましまキャット+ランドセーラー</strong>
            <span class="success">〇→プリズニャン</span>
        </li>
        <li>
            <strong>シャドー+ベビーパンサー</strong>
            <span class="success">〇→シャドウベビー</span>
        </li>
        <li>
            <strong>アイアンタートル+ウィングスネーク</strong>
            <span class="success">〇→ガメゴン</span>
        </li>
        <li>
            <strong>アイアンタートル+ダッシュラン</strong>
            <span class="success">〇→デンタザウルス</span>
        </li>
        <li>
            <strong>アニマルゾンビ+あばれうしどり</strong>
            <span class="success">〇→デットペッカー</span>
        </li>
        <li>
            <strong>イエティ+ファーラット</strong>
            <span class="success">〇→モコモコじゅう</span>
        </li>
        <li>
            <strong>いっかくうさぎ+ゆめにゅうどう</strong>
            <span class="success">〇→アルミラージ</span>
        </li>
        <li>
            <strong>いっかく竜+ひとくいサーベル</strong>
            <span class="success">〇→ソードドラゴン</span>
        </li>
        <li>
            <strong>いばらドラゴン+ダッシュラン</strong>
            <span class="success">〇→フォレストドラゴ</span>
        </li>
        <li>
            <strong>オーク+オクトリーチ</strong>
            <span class="success">〇→タコメット</span>
        </li>
        <li>
            <strong>オーク＋ベビーパンサー</strong>
            <span class="success">〇→かくとうパンサー</span>
        </li>
        <li>
            <strong>おおめだま+ミステリードール</strong>
            <span class="success">〇→スペクテッド</span>
        </li>
        <li>
            <strong>おにこぞう+ベビーマジシャン</strong>
            <span class="success">〇→ひとつめピエロ</span>
        </li>
        <li>
            <strong>おばけキノコ+ゆめにゅうどう</strong>
            <span class="success">〇→マージマタンゴ</span>
        </li>
        <li>
            <strong>がいこつ+さまようよろい</strong>
            <span class="success">〇→しりょうのきし</span>
        </li>
    </ul>
    <div id="result">
        <p>この記事が役に立ったか評価してください：</p>
        <p id="sentence">あ！</p>
        <button id="yesButton">Yes</button>
        <button id="noButton">No</button>
    </div>
    <div id="voteCounts">
        <p>Yes: <span id="yesCount">0</span></p>
        <p>No: <span id="noCount">0</span></p>
    </div>

    <script>
        const userId = getUserId();
        let hasVoted = checkIfUserHasVoted();
        let yesCount = 0;
        let noCount = 0;
        let isDisplayed = false;

        const yesButton = document.getElementById("yesButton");
        const noButton = document.getElementById("noButton");
        const resultDiv = document.getElementById("result");
        const sentenceElement = document.getElementById("sentence");
        const yesCountDisplay = document.getElementById("yesCount");
        const noCountDisplay = document.getElementById("noCount");

        if (hasVoted) {
            yesButton.disabled = true;
            noButton.disabled = true;
        }

        yesButton.addEventListener("click", function () {
            if (!hasVoted && !isDisplayed) {
                yesCount++;
                storeUserVote();
                updateVoteCounts();
                checkAndDisplay();
            }
        });

        noButton.addEventListener("click", function () {
            if (!hasVoted && !isDisplayed) {
                noCount++;
                storeUserVote();
                updateVoteCounts();
                checkAndDisplay();
            }
        });

        function checkAndDisplay() {
            if (!isDisplayed) {
                const totalVotes = yesCount + noCount;
                const yesPercentage = (yesCount / totalVotes) * 100;

                if (yesPercentage >= 50) {
                    isDisplayed = true;
                    sentenceElement.style.display = "block";
                }
            }
        }

        function getUserId() {
            return Math.random().toString(36).substring(2, 15);
        }

        function storeUserVote() {
            const votedUsers = getVotedUsers();
            votedUsers.push(userId);
            setCookie("votedUsers", JSON.stringify(votedUsers));
            hasVoted = true;
            yesButton.disabled = true;
            noButton.disabled = true;
        }

        function checkIfUserHasVoted() {
            const votedUsers = getVotedUsers();
            return votedUsers.includes(userId);
        }

        function getVotedUsers() {
            const votedUsersCookie = getCookie("votedUsers");
            return votedUsersCookie ? JSON.parse(votedUsersCookie) : [];
        }

        function setCookie(name, value, days) {
            const date = new Date();
            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
            const expires = "expires=" + date.toUTCString();
            document.cookie = name + "=" + value + ";" + expires + ";path=/";
        }

        function getCookie(name) {
            const cookieName = name + "=";
            const cookies = document.cookie.split(';');
            for (let i = 0; i < cookies.length; i++) {
                let cookie = cookies[i];
                while (cookie.charAt(0) === ' ') {
                    cookie = cookie.substring(1);
                }
                if (cookie.indexOf(cookieName) === 0) {
                    return cookie.substring(cookieName.length, cookie.length);
                }
            }
            return "";
        }

        function updateVoteCounts() {
            // 投票数を表示する関数
            yesCountDisplay.textContent = yesCount;
            noCountDisplay.textContent = noCount;
        }

        // ページロード時に投票数を表示
        updateVoteCounts();

        // ユーザーの投票をサーバーに送信する関数を追加
        function sendVote(vote) {
            const userId = getUserId();
            fetch('/record-vote.php', {
                method: 'POST',
                body: JSON.stringify({ userId, vote }),
                headers: {
                    'Content-Type': 'application/json'
                }
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    // 投票成功時の処理
                    // ボタンを無効にする
                    yesButton.disabled = true;
                    noButton.disabled = true;
                } else {
                    // 投票エラー時の処理

                }
            })
            .catch(error => {
                // エラーハンドリング

            });
        }

        // 他のコードは前回の回答を参照
        // ...

        yesButton.addEventListener("click", function () {
            if (!hasVoted && !isDisplayed) {
                yesCount++;
                sendVote("Yes"); // サーバーにYesを送信
                updateVoteCounts();
                checkAndDisplay();
            }
        });

        noButton.addEventListener("click", function () {
            if (!hasVoted && !isDisplayed) {
                noCount++;
                sendVote("No"); // サーバーにNoを送信
                updateVoteCounts();
                checkAndDisplay();
            }
        });
    </script>
</body>
</html>