{"id":25623,"date":"2024-10-19T13:46:59","date_gmt":"2024-10-19T04:46:59","guid":{"rendered":"http:\/\/www.tyosuke20xx.com\/blog\/?p=25623"},"modified":"2024-10-19T13:47:01","modified_gmt":"2024-10-19T04:47:01","slug":"%e5%8b%87%e8%80%85%e3%81%ae%e8%81%96%e5%85%b8-html","status":"publish","type":"post","link":"https:\/\/www.tyosuke20xx.com\/blog\/?p=25623","title":{"rendered":"\u52c7\u8005\u306e\u8056\u5178.html"},"content":{"rendered":"<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;ja&quot;&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\n    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;\n    &lt;title&gt;\u52c7\u8005\u306e\u8056\u5178 - \u30af\u30a8\u30b9\u30c8\uff06\u30d0\u30c8\u30eb&lt;\/title&gt;\n    &lt;style&gt;\n        body {\n            font-family: &#039;Verdana&#039;, sans-serif;\n            background-color: #121212;\n            color: white;\n            margin: 0;\n            padding: 0;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            height: 100vh;\n            overflow: hidden;\n        }\n\n        header {\n            text-align: center;\n            padding: 20px;\n            background-color: rgba(0, 0, 0, 0.9);\n            width: 100%;\n            position: fixed;\n            top: 0;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);\n        }\n\n        h1 {\n            font-size: 50px;\n            margin: 0;\n            text-shadow: 2px 2px 10px #ffcc00;\n        }\n\n        .container {\n            background-color: rgba(0, 0, 0, 0.9);\n            padding: 30px;\n            border-radius: 15px;\n            text-align: center;\n            width: 90%;\n            max-width: 600px;\n            margin-top: 100px;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);\n        }\n\n        .button {\n            padding: 15px 30px;\n            font-size: 18px;\n            margin: 10px;\n            cursor: pointer;\n            background-color: #ffcc00;\n            border: none;\n            border-radius: 5px;\n            transition: background-color 0.3s ease;\n        }\n\n        .button:hover {\n            background-color: #ffaa00;\n        }\n\n        .hidden {\n            display: none;\n        }\n\n        footer {\n            background-color: rgba(0, 0, 0, 0.9);\n            padding: 20px;\n            width: 100%;\n            text-align: center;\n            position: absolute;\n            bottom: 0;\n        }\n\n        select {\n            font-size: 18px;\n            padding: 10px;\n            margin: 10px;\n            background-color: #444;\n            color: white;\n            border: none;\n            border-radius: 5px;\n        }\n    &lt;\/style&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n\n&lt;header&gt;\n    &lt;h1&gt;\u52c7\u8005\u306e\u8056\u5178 - \u30af\u30a8\u30b9\u30c8\uff06\u30d0\u30c8\u30eb&lt;\/h1&gt;\n&lt;\/header&gt;\n\n&lt;!-- \u30e1\u30cb\u30e5\u30fc\u753b\u9762 --&gt;\n&lt;div class=&quot;container&quot; id=&quot;menu-container&quot;&gt;\n    &lt;h2&gt;\u30e1\u30cb\u30e5\u30fc&lt;\/h2&gt;\n    &lt;button class=&quot;button&quot; onclick=&quot;showTraining()&quot;&gt;\u8a13\u7df4\u5834&lt;\/button&gt;\n    &lt;button class=&quot;button&quot; onclick=&quot;showQuests()&quot;&gt;\u30af\u30a8\u30b9\u30c8\u3078&lt;\/button&gt;\n    &lt;button class=&quot;button&quot; onclick=&quot;showEquipment()&quot;&gt;\u88c5\u5099&lt;\/button&gt;\n    &lt;button class=&quot;button&quot; onclick=&quot;showEnhancement()&quot;&gt;\u88c5\u5099\u306e\u5f37\u5316&lt;\/button&gt;\n&lt;\/div&gt;\n\n&lt;!-- \u8a13\u7df4\u5834\u753b\u9762 --&gt;\n&lt;div class=&quot;container hidden&quot; id=&quot;training-container&quot;&gt;\n    &lt;h2&gt;\u8a13\u7df4\u3092\u884c\u3063\u3066\u30ec\u30d9\u30eb\u30a2\u30c3\u30d7\u3057\u307e\u3057\u3087\u3046\uff01&lt;\/h2&gt;\n    &lt;div class=&quot;training-actions&quot;&gt;\n        &lt;button class=&quot;button&quot; onclick=&quot;train(&#039;\u8efd\u3044\u8a13\u7df4&#039;, 50)&quot;&gt;\u8efd\u3044\u8a13\u7df4 (50 XP)&lt;\/button&gt;\n        &lt;button class=&quot;button&quot; onclick=&quot;train(&#039;\u4e2d\u7a0b\u5ea6\u306e\u8a13\u7df4&#039;, 100)&quot;&gt;\u4e2d\u7a0b\u5ea6\u306e\u8a13\u7df4 (100 XP)&lt;\/button&gt;\n        &lt;button class=&quot;button&quot; onclick=&quot;train(&#039;\u53b3\u3057\u3044\u8a13\u7df4&#039;, 200)&quot;&gt;\u53b3\u3057\u3044\u8a13\u7df4 (200 XP)&lt;\/button&gt;\n    &lt;\/div&gt;\n    &lt;button class=&quot;button&quot; onclick=&quot;returnToMenu()&quot;&gt;\u30e1\u30cb\u30e5\u30fc\u306b\u623b\u308b&lt;\/button&gt;\n&lt;\/div&gt;\n\n&lt;!-- \u30af\u30a8\u30b9\u30c8\u9078\u629e\u753b\u9762 --&gt;\n&lt;div class=&quot;container hidden&quot; id=&quot;quest-container&quot;&gt;\n    &lt;h2&gt;\u30af\u30a8\u30b9\u30c8\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044&lt;\/h2&gt;\n    &lt;div class=&quot;quests&quot;&gt;\n        &lt;button class=&quot;button&quot; onclick=&quot;startQuest(&#039;\u738b\u56fd\u3078\u306e\u53ec\u559a&#039;, &#039;\u306a\u3057&#039;, 0, 0, 50, &#039;\u306a\u3057&#039;)&quot;&gt;\n            \u738b\u56fd\u3078\u306e\u53ec\u559a (50 XP)\n        &lt;\/button&gt;\n\n        &lt;button class=&quot;button&quot; onclick=&quot;startQuest(&#039;\u521d\u3081\u3066\u306e\u8a66\u7df4&#039;, &#039;\u30b4\u30d6\u30ea\u30f3&#039;, 500, 50, 70, &#039;\u5149\u306e\u5263&#039;)&quot;&gt;\n            \u521d\u3081\u3066\u306e\u8a66\u7df4 (70 XP)\n        &lt;\/button&gt;\n\n        &lt;button class=&quot;button&quot; onclick=&quot;startQuest(&#039;\u71c3\u3048\u76db\u308b\u5c71\u306e\u5371\u6a5f&#039;, &#039;\u706b\u5c71\u306e\u9b54\u7269&#039;, 1800, 250, 200, &#039;\u708e\u306e\u5263&#039;)&quot;&gt;\n            \u71c3\u3048\u76db\u308b\u5c71\u306e\u5371\u6a5f (200 XP)\n        &lt;\/button&gt;\n\n        &lt;button class=&quot;button&quot; onclick=&quot;startQuest(&#039;\u6c37\u306e\u6d1e\u7a9f\u306e\u79d8\u5b9d&#039;, &#039;\u6c37\u306e\u9b54\u7269&#039;, 2000, 220, 250, &#039;\u30a2\u30a4\u30b9\u30b9\u30d4\u30a2&#039;)&quot;&gt;\n            \u6c37\u306e\u6d1e\u7a9f\u306e\u79d8\u5b9d (250 XP)\n        &lt;\/button&gt;\n    &lt;\/div&gt;\n    &lt;button class=&quot;button&quot; onclick=&quot;returnToMenu()&quot;&gt;\u30e1\u30cb\u30e5\u30fc\u306b\u623b\u308b&lt;\/button&gt;\n&lt;\/div&gt;\n\n&lt;!-- \u88c5\u5099\u753b\u9762 --&gt;\n&lt;div class=&quot;container hidden&quot; id=&quot;equipment-container&quot;&gt;\n    &lt;h2&gt;\u88c5\u5099\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044&lt;\/h2&gt;\n    &lt;select id=&quot;equipment-select&quot;&gt;\n        &lt;option value=&quot;\u5149\u306e\u5263&quot;&gt;\u5149\u306e\u5263 (\u653b\u6483\u529b +20)&lt;\/option&gt;\n        &lt;option value=&quot;\u30c9\u30e9\u30b4\u30f3\u306e\u9c57\u306e\u76fe&quot;&gt;\u30c9\u30e9\u30b4\u30f3\u306e\u9c57\u306e\u76fe (\u9632\u5fa1\u529b +30)&lt;\/option&gt;\n        &lt;option value=&quot;\u7cbe\u970a\u306e\u6307\u8f2a&quot;&gt;\u7cbe\u970a\u306e\u6307\u8f2a (\u9632\u5fa1\u529b +10, \u653b\u6483\u529b +10)&lt;\/option&gt;\n        &lt;option value=&quot;\u708e\u306e\u5263&quot;&gt;\u708e\u306e\u5263 (\u653b\u6483\u529b +40)&lt;\/option&gt;\n        &lt;option value=&quot;\u30a2\u30a4\u30b9\u30b9\u30d4\u30a2&quot;&gt;\u30a2\u30a4\u30b9\u30b9\u30d4\u30a2 (\u653b\u6483\u529b +25, \u9632\u5fa1\u529b +10)&lt;\/option&gt;\n        &lt;option value=&quot;\u6697\u9ed2\u306e\u5927\u5263&quot;&gt;\u6697\u9ed2\u306e\u5927\u5263 (\u653b\u6483\u529b +50, \u9632\u5fa1\u529b -10)&lt;\/option&gt;\n    &lt;\/select&gt;\n    &lt;button class=&quot;button&quot; onclick=&quot;equipItem()&quot;&gt;\u88c5\u5099\u3059\u308b&lt;\/button&gt;\n    &lt;button class=&quot;button&quot; onclick=&quot;returnToMenu()&quot;&gt;\u30e1\u30cb\u30e5\u30fc\u306b\u623b\u308b&lt;\/button&gt;\n&lt;\/div&gt;\n\n&lt;!-- \u88c5\u5099\u306e\u5f37\u5316\u753b\u9762 --&gt;\n&lt;div class=&quot;container hidden&quot; id=&quot;enhancement-container&quot;&gt;\n    &lt;h2&gt;\u88c5\u5099\u306e\u5f37\u5316&lt;\/h2&gt;\n    &lt;select id=&quot;enhance-select&quot;&gt;\n        &lt;option value=&quot;\u5149\u306e\u5263&quot;&gt;\u5149\u306e\u5263 (\u653b\u6483\u529b +20)&lt;\/option&gt;\n        &lt;option value=&quot;\u30c9\u30e9\u30b4\u30f3\u306e\u9c57\u306e\u76fe&quot;&gt;\u30c9\u30e9\u30b4\u30f3\u306e\u9c57\u306e\u76fe (\u9632\u5fa1\u529b +30)&lt;\/option&gt;\n        &lt;option value=&quot;\u7cbe\u970a\u306e\u6307\u8f2a&quot;&gt;\u7cbe\u970a\u306e\u6307\u8f2a (\u9632\u5fa1\u529b +10, \u653b\u6483\u529b +10)&lt;\/option&gt;\n        &lt;option value=&quot;\u708e\u306e\u5263&quot;&gt;\u708e\u306e\u5263 (\u653b\u6483\u529b +40)&lt;\/option&gt;\n        &lt;option value=&quot;\u30a2\u30a4\u30b9\u30b9\u30d4\u30a2&quot;&gt;\u30a2\u30a4\u30b9\u30b9\u30d4\u30a2 (\u653b\u6483\u529b +25, \u9632\u5fa1\u529b +10)&lt;\/option&gt;\n        &lt;option value=&quot;\u6697\u9ed2\u306e\u5927\u5263&quot;&gt;\u6697\u9ed2\u306e\u5927\u5263 (\u653b\u6483\u529b +50, \u9632\u5fa1\u529b -10)&lt;\/option&gt;\n    &lt;\/select&gt;\n    &lt;button class=&quot;button&quot; onclick=&quot;enhanceItem()&quot;&gt;\u5f37\u5316\u3059\u308b&lt;\/button&gt;\n    &lt;button class=&quot;button&quot; onclick=&quot;returnToMenu()&quot;&gt;\u30e1\u30cb\u30e5\u30fc\u306b\u623b\u308b&lt;\/button&gt;\n&lt;\/div&gt;\n\n&lt;!-- \u6226\u95d8\u753b\u9762 --&gt;\n&lt;div class=&quot;container hidden&quot; id=&quot;battle-container&quot;&gt;\n    &lt;h2 id=&quot;battle-title&quot;&gt;\u6575\u3068\u6226\u3063\u3066\u3044\u307e\u3059...&lt;\/h2&gt;\n    &lt;div class=&quot;status&quot;&gt;\n        &lt;div id=&quot;player-status&quot;&gt;\n            &lt;h3&gt;\u52c7\u8005\u306e\u30b9\u30c6\u30fc\u30bf\u30b9&lt;\/h3&gt;\n            &lt;p&gt;HP: &lt;span id=&quot;player-hp&quot;&gt;1000&lt;\/span&gt;&lt;\/p&gt;\n            &lt;p&gt;\u653b\u6483\u529b: &lt;span id=&quot;player-attack&quot;&gt;100&lt;\/span&gt;&lt;\/p&gt;\n            &lt;p&gt;\u9632\u5fa1\u529b: &lt;span id=&quot;player-defense&quot;&gt;50&lt;\/span&gt;&lt;\/p&gt;\n            &lt;p&gt;\u30ec\u30d9\u30eb: &lt;span id=&quot;player-level&quot;&gt;1&lt;\/span&gt;&lt;\/p&gt;\n            &lt;p&gt;\u7d4c\u9a13\u5024: &lt;span id=&quot;player-xp&quot;&gt;0&lt;\/span&gt; \/ &lt;span id=&quot;xp-to-next-level&quot;&gt;100&lt;\/span&gt;&lt;\/p&gt;\n        &lt;\/div&gt;\n        &lt;div id=&quot;enemy-status&quot;&gt;\n            &lt;h3&gt;\u6575\u306e\u30b9\u30c6\u30fc\u30bf\u30b9&lt;\/h3&gt;\n            &lt;p&gt;\u540d\u524d: &lt;span id=&quot;enemy-name&quot;&gt;\u30c9\u30e9\u30b4\u30f3&lt;\/span&gt;&lt;\/p&gt;\n            &lt;p&gt;HP: &lt;span id=&quot;enemy-hp&quot;&gt;1000&lt;\/span&gt;&lt;\/p&gt;\n            &lt;p&gt;\u653b\u6483\u529b: &lt;span id=&quot;enemy-attack&quot;&gt;150&lt;\/span&gt;&lt;\/p&gt;\n        &lt;\/div&gt;\n    &lt;\/div&gt;\n    &lt;div class=&quot;actions&quot;&gt;\n        &lt;button class=&quot;button&quot; onclick=&quot;attack()&quot;&gt;\u653b\u6483&lt;\/button&gt;\n        &lt;button class=&quot;button&quot; onclick=&quot;useSkill()&quot;&gt;\u30b9\u30ad\u30eb\u4f7f\u7528&lt;\/button&gt;\n        &lt;button class=&quot;button&quot; onclick=&quot;useItem()&quot;&gt;\u30a2\u30a4\u30c6\u30e0\u4f7f\u7528&lt;\/button&gt;\n    &lt;\/div&gt;\n&lt;\/div&gt;\n\n&lt;!-- \u5831\u916c\u753b\u9762 --&gt;\n&lt;div class=&quot;container hidden&quot; id=&quot;reward-container&quot;&gt;\n    &lt;h2&gt;\u30af\u30a8\u30b9\u30c8\u5b8c\u4e86\uff01&lt;\/h2&gt;\n    &lt;p id=&quot;reward-message&quot;&gt;\u5831\u916c\u3092\u53d7\u3051\u53d6\u3063\u3066\u6b21\u306e\u30af\u30a8\u30b9\u30c8\u3078\u9032\u307f\u307e\u3057\u3087\u3046\u3002&lt;\/p&gt;\n    &lt;p id=&quot;item-reward&quot;&gt;\u7372\u5f97\u3057\u305f\u30a2\u30a4\u30c6\u30e0: &lt;span id=&quot;reward-item&quot;&gt;&lt;\/span&gt;&lt;\/p&gt;\n    &lt;button class=&quot;button&quot; onclick=&quot;startNextQuest()&quot;&gt;\u6b21\u306e\u30af\u30a8\u30b9\u30c8\u3078&lt;\/button&gt;\n    &lt;button class=&quot;button&quot; onclick=&quot;returnToMenu()&quot;&gt;\u30e1\u30cb\u30e5\u30fc\u306b\u623b\u308b&lt;\/button&gt;\n&lt;\/div&gt;\n\n&lt;script&gt;\n    let player = {\n        class: &#039;&#039;,\n        hp: 1000,\n        maxHp: 1000,\n        attack: 100,\n        defense: 50,\n        level: 1,\n        xp: 0,\n        xpToNextLevel: 100,\n        skills: &#x5B;],\n        inventory: {\n            healingPotion: 2,\n            items: &#x5B;]\n        },\n        equipped: {\n            weapon: &#039;&#039;,\n            shield: &#039;&#039;\n        }\n    };\n    let enemy = {\n        name: &#039;&#039;,\n        hp: 0,\n        attack: 0\n    };\n    let currentQuestReward = &#039;&#039;;\n\n    function train(trainingType, xpEarned) {\n        alert(`${trainingType}\u3092\u884c\u3044\u3001${xpEarned} XP\u3092\u7372\u5f97\u3057\u307e\u3057\u305f\uff01`);\n        player.xp += xpEarned;\n        checkLevelUp();\n    }\n\n    function checkLevelUp() {\n        while (player.xp &gt;= player.xpToNextLevel) {\n            player.level++;\n            player.xp -= player.xpToNextLevel;\n            player.xpToNextLevel += 50;  \/\/ \u6b21\u306e\u30ec\u30d9\u30eb\u30a2\u30c3\u30d7\u306b\u5fc5\u8981\u306aXP\u3092\u5897\u52a0\n            player.maxHp += 100;         \/\/ \u30ec\u30d9\u30eb\u30a2\u30c3\u30d7\u3067HP\u304c\u4e0a\u6607\n            player.attack += 10;         \/\/ \u30ec\u30d9\u30eb\u30a2\u30c3\u30d7\u3067\u653b\u6483\u529b\u304c\u4e0a\u6607\n            player.defense += 5;         \/\/ \u30ec\u30d9\u30eb\u30a2\u30c3\u30d7\u3067\u9632\u5fa1\u529b\u304c\u4e0a\u6607\n            alert(`\u30ec\u30d9\u30eb\u30a2\u30c3\u30d7\uff01\u73fe\u5728\u306e\u30ec\u30d9\u30eb\u306f ${player.level} \u3067\u3059\uff01`);\n        }\n        updateStatus();\n    }\n\n    function updateStatus() {\n        document.getElementById(&#039;player-hp&#039;).textContent = player.hp;\n        document.getElementById(&#039;player-attack&#039;).textContent = player.attack;\n        document.getElementById(&#039;player-defense&#039;).textContent = player.defense;\n        document.getElementById(&#039;player-level&#039;).textContent = player.level;\n        document.getElementById(&#039;player-xp&#039;).textContent = player.xp;\n        document.getElementById(&#039;xp-to-next-level&#039;).textContent = player.xpToNextLevel;\n    }\n\n    function showTraining() {\n        document.getElementById(&#039;menu-container&#039;).classList.add(&#039;hidden&#039;);\n        document.getElementById(&#039;training-container&#039;).classList.remove(&#039;hidden&#039;);\n    }\n\n    function returnToMenu() {\n        document.getElementById(&#039;training-container&#039;).classList.add(&#039;hidden&#039;);\n        document.getElementById(&#039;quest-container&#039;).classList.add(&#039;hidden&#039;);\n        document.getElementById(&#039;battle-container&#039;).classList.add(&#039;hidden&#039;);\n        document.getElementById(&#039;reward-container&#039;).classList.add(&#039;hidden&#039;);\n        document.getElementById(&#039;equipment-container&#039;).classList.add(&#039;hidden&#039;);\n        document.getElementById(&#039;enhancement-container&#039;).classList.add(&#039;hidden&#039;);\n        document.getElementById(&#039;menu-container&#039;).classList.remove(&#039;hidden&#039;);\n    }\n\n    function showQuests() {\n        document.getElementById(&#039;menu-container&#039;).classList.add(&#039;hidden&#039;);\n        document.getElementById(&#039;quest-container&#039;).classList.remove(&#039;hidden&#039;);\n    }\n\n    function showEquipment() {\n        document.getElementById(&#039;menu-container&#039;).classList.add(&#039;hidden&#039;);\n        document.getElementById(&#039;equipment-container&#039;).classList.remove(&#039;hidden&#039;);\n    }\n\n    function showEnhancement() {\n        document.getElementById(&#039;menu-container&#039;).classList.add(&#039;hidden&#039;);\n        document.getElementById(&#039;enhancement-container&#039;).classList.remove(&#039;hidden&#039;);\n    }\n\n    function startQuest(questName, enemyName, enemyHp, enemyAttack, xpReward, rewardItem) {\n        enemy.name = enemyName;\n        enemy.hp = enemyHp;\n        enemy.attack = enemyAttack;\n        currentQuestReward = rewardItem;  \/\/ \u30af\u30a8\u30b9\u30c8\u5831\u916c\u30a2\u30a4\u30c6\u30e0\n        player.xp += xpReward;            \/\/ \u30af\u30a8\u30b9\u30c8\u5b8c\u4e86\u6642\u306bXP\u3092\u52a0\u7b97\n        document.getElementById(&#039;battle-title&#039;).textContent = `${enemyName}\u3068\u306e\u6226\u3044`;\n        document.getElementById(&#039;enemy-name&#039;).textContent = enemy.name;\n        document.getElementById(&#039;enemy-hp&#039;).textContent = enemy.hp;\n        document.getElementById(&#039;enemy-attack&#039;).textContent = enemy.attack;\n        document.getElementById(&#039;quest-container&#039;).classList.add(&#039;hidden&#039;);\n        document.getElementById(&#039;battle-container&#039;).classList.remove(&#039;hidden&#039;);\n        updateStatus();\n    }\n\n    function equipItem() {\n        const selectedItem = document.getElementById(&#039;equipment-select&#039;).value;\n        if (selectedItem === &#039;\u5149\u306e\u5263&#039;) {\n            player.attack += 20;\n            player.equipped.weapon = &#039;\u5149\u306e\u5263&#039;;\n        } else if (selectedItem === &#039;\u30c9\u30e9\u30b4\u30f3\u306e\u9c57\u306e\u76fe&#039;) {\n            player.defense += 30;\n            player.equipped.shield = &#039;\u30c9\u30e9\u30b4\u30f3\u306e\u9c57\u306e\u76fe&#039;;\n        } else if (selectedItem === &#039;\u7cbe\u970a\u306e\u6307\u8f2a&#039;) {\n            player.attack += 10;\n            player.defense += 10;\n            player.equipped.weapon = &#039;\u7cbe\u970a\u306e\u6307\u8f2a&#039;;\n        } else if (selectedItem === &#039;\u708e\u306e\u5263&#039;) {\n            player.attack += 40;\n            player.equipped.weapon = &#039;\u708e\u306e\u5263&#039;;\n        } else if (selectedItem === &#039;\u30a2\u30a4\u30b9\u30b9\u30d4\u30a2&#039;) {\n            player.attack += 25;\n            player.defense += 10;\n            player.equipped.weapon = &#039;\u30a2\u30a4\u30b9\u30b9\u30d4\u30a2&#039;;\n        } else if (selectedItem === &#039;\u6697\u9ed2\u306e\u5927\u5263&#039;) {\n            player.attack += 50;\n            player.defense -= 10;\n            player.equipped.weapon = &#039;\u6697\u9ed2\u306e\u5927\u5263&#039;;\n        }\n        alert(`${selectedItem}\u3092\u88c5\u5099\u3057\u307e\u3057\u305f\uff01`);\n        updateStatus();\n    }\n\n    function enhanceItem() {\n        const selectedItem = document.getElementById(&#039;enhance-select&#039;).value;\n        if (selectedItem === &#039;\u5149\u306e\u5263&#039;) {\n            player.attack += 10;  \/\/ \u5f37\u5316\u306b\u3088\u308b\u653b\u6483\u529b\u30a2\u30c3\u30d7\n            alert(&#039;\u5149\u306e\u5263\u3092\u5f37\u5316\u3057\u3066\u653b\u6483\u529b +10\uff01&#039;);\n        } else if (selectedItem === &#039;\u30c9\u30e9\u30b4\u30f3\u306e\u9c57\u306e\u76fe&#039;) {\n            player.defense += 10;  \/\/ \u5f37\u5316\u306b\u3088\u308b\u9632\u5fa1\u529b\u30a2\u30c3\u30d7\n            alert(&#039;\u30c9\u30e9\u30b4\u30f3\u306e\u9c57\u306e\u76fe\u3092\u5f37\u5316\u3057\u3066\u9632\u5fa1\u529b +10\uff01&#039;);\n        } else if (selectedItem === &#039;\u7cbe\u970a\u306e\u6307\u8f2a&#039;) {\n            player.attack += 5;\n            player.defense += 5;\n            alert(&#039;\u7cbe\u970a\u306e\u6307\u8f2a\u3092\u5f37\u5316\u3057\u3066\u653b\u6483\u529b +5\u3001\u9632\u5fa1\u529b +5\uff01&#039;);\n        } else if (selectedItem === &#039;\u708e\u306e\u5263&#039;) {\n            player.attack += 15;\n            alert(&#039;\u708e\u306e\u5263\u3092\u5f37\u5316\u3057\u3066\u653b\u6483\u529b +15\uff01&#039;);\n        } else if (selectedItem === &#039;\u30a2\u30a4\u30b9\u30b9\u30d4\u30a2&#039;) {\n            player.attack += 10;\n            player.defense += 5;\n            alert(&#039;\u30a2\u30a4\u30b9\u30b9\u30d4\u30a2\u3092\u5f37\u5316\u3057\u3066\u653b\u6483\u529b +10\u3001\u9632\u5fa1\u529b +5\uff01&#039;);\n        } else if (selectedItem === &#039;\u6697\u9ed2\u306e\u5927\u5263&#039;) {\n            player.attack += 20;\n            player.defense += 5;  \/\/ \u5f37\u5316\u306b\u3088\u308b\u9632\u5fa1\u529b\u306e\u88dc\u6b63\n            alert(&#039;\u6697\u9ed2\u306e\u5927\u5263\u3092\u5f37\u5316\u3057\u3066\u653b\u6483\u529b +20\u3001\u9632\u5fa1\u529b +5\uff01&#039;);\n        }\n        updateStatus();\n    }\n\n    function attack() {\n        const damage = Math.max(0, player.attack - enemy.attack \/ 4);\n        enemy.hp -= damage;\n        document.getElementById(&#039;enemy-hp&#039;).textContent = Math.max(0, enemy.hp);\n        if (enemy.hp &lt;= 0) {\n            victory();\n        } else {\n            enemyAttack();\n        }\n    }\n\n    function enemyAttack() {\n        const damage = Math.max(0, enemy.attack - player.defense \/ 4);\n        player.hp -= damage;\n        document.getElementById(&#039;player-hp&#039;).textContent = Math.max(0, player.hp);\n        if (player.hp &lt;= 0) {\n            defeat();\n        }\n    }\n\n    function useSkill() {\n        if (player.skills.length &gt; 0) {\n            const skillDamage = 150;  \/\/ \u30b9\u30ad\u30eb\u306e\u30c0\u30e1\u30fc\u30b8\n            enemy.hp -= skillDamage;\n            alert(`\u30b9\u30ad\u30eb\u3092\u4f7f\u7528\u3057\u3066${skillDamage}\u30c0\u30e1\u30fc\u30b8\u3092\u4e0e\u3048\u307e\u3057\u305f\uff01`);\n            document.getElementById(&#039;enemy-hp&#039;).textContent = Math.max(0, enemy.hp);\n            if (enemy.hp &lt;= 0) {\n                victory();\n            } else {\n                enemyAttack();\n            }\n        } else {\n            alert(&quot;\u30b9\u30ad\u30eb\u3092\u307e\u3060\u7fd2\u5f97\u3057\u3066\u3044\u307e\u305b\u3093\uff01&quot;);\n        }\n    }\n\n    function useItem() {\n        if (player.inventory.healingPotion &gt; 0) {\n            player.hp = Math.min(player.maxHp, player.hp + 200);\n            player.inventory.healingPotion--;\n            alert(&quot;\u56de\u5fa9\u85ac\u3092\u4f7f\u7528\u3057\u3066HP\u3092200\u56de\u5fa9\u3057\u307e\u3057\u305f\uff01&quot;);\n            updateStatus();\n        } else {\n            alert(&quot;\u56de\u5fa9\u85ac\u304c\u3042\u308a\u307e\u305b\u3093\uff01&quot;);\n        }\n    }\n\n    function victory() {\n        alert(&quot;\u52dd\u5229\u3057\u307e\u3057\u305f\uff01&quot;);\n        document.getElementById(&#039;battle-container&#039;).classList.add(&#039;hidden&#039;);\n        document.getElementById(&#039;reward-container&#039;).classList.remove(&#039;hidden&#039;);\n        document.getElementById(&#039;reward-item&#039;).textContent = currentQuestReward;\n        player.inventory.items.push(currentQuestReward);  \/\/ Add reward to player&#039;s items\n        checkLevelUp();\n    }\n\n    function defeat() {\n        alert(&quot;\u6557\u5317\u3057\u307e\u3057\u305f\uff01&quot;);\n        document.getElementById(&#039;battle-container&#039;).classList.add(&#039;hidden&#039;);\n        document.getElementById(&#039;quest-container&#039;).classList.remove(&#039;hidden&#039;);\n    }\n\n    function startNextQuest() {\n        document.getElementById(&#039;reward-container&#039;).classList.add(&#039;hidden&#039;);\n        document.getElementById(&#039;quest-container&#039;).classList.remove(&#039;hidden&#039;);\n    }\n\n    window.onload = function() {\n        document.getElementById(&#039;training-container&#039;).classList.add(&#039;hidden&#039;);\n        document.getElementById(&#039;quest-container&#039;).classList.add(&#039;hidden&#039;);\n        document.getElementById(&#039;battle-container&#039;).classList.add(&#039;hidden&#039;);\n        document.getElementById(&#039;reward-container&#039;).classList.add(&#039;hidden&#039;);\n        document.getElementById(&#039;equipment-container&#039;).classList.add(&#039;hidden&#039;);\n        document.getElementById(&#039;enhancement-container&#039;).classList.add(&#039;hidden&#039;);\n        document.getElementById(&#039;menu-container&#039;).classList.remove(&#039;hidden&#039;);\n        updateStatus();\n    };\n\n&lt;\/script&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[80,94,44],"tags":[],"class_list":["post-25623","post","type-post","status-publish","format-standard","hentry","category-html","category-94","category-44"],"aioseo_notices":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/25623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25623"}],"version-history":[{"count":1,"href":"https:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/25623\/revisions"}],"predecessor-version":[{"id":25624,"href":"https:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/25623\/revisions\/25624"}],"wp:attachment":[{"href":"https:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25623"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=25623"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=25623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}