{"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":"http:\/\/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: 'Verdana', 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('\u8efd\u3044\u8a13\u7df4', 50)&quot;&gt;\u8efd\u3044\u8a13\u7df4 (50 XP)&lt;\/button&gt;\n        &lt;button class=&quot;button&quot; onclick=&quot;train('\u4e2d\u7a0b\u5ea6\u306e\u8a13\u7df4', 100)&quot;&gt;\u4e2d\u7a0b\u5ea6\u306e\u8a13\u7df4 (100 XP)&lt;\/button&gt;\n        &lt;button class=&quot;button&quot; onclick=&quot;train('\u53b3\u3057\u3044\u8a13\u7df4', 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('\u738b\u56fd\u3078\u306e\u53ec\u559a', '\u306a\u3057', 0, 0, 50, '\u306a\u3057')&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('\u521d\u3081\u3066\u306e\u8a66\u7df4', '\u30b4\u30d6\u30ea\u30f3', 500, 50, 70, '\u5149\u306e\u5263')&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('\u71c3\u3048\u76db\u308b\u5c71\u306e\u5371\u6a5f', '\u706b\u5c71\u306e\u9b54\u7269', 1800, 250, 200, '\u708e\u306e\u5263')&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('\u6c37\u306e\u6d1e\u7a9f\u306e\u79d8\u5b9d', '\u6c37\u306e\u9b54\u7269', 2000, 220, 250, '\u30a2\u30a4\u30b9\u30b9\u30d4\u30a2')&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: '',\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: '',\n            shield: ''\n        }\n    };\n    let enemy = {\n        name: '',\n        hp: 0,\n        attack: 0\n    };\n    let currentQuestReward = '';\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('player-hp').textContent = player.hp;\n        document.getElementById('player-attack').textContent = player.attack;\n        document.getElementById('player-defense').textContent = player.defense;\n        document.getElementById('player-level').textContent = player.level;\n        document.getElementById('player-xp').textContent = player.xp;\n        document.getElementById('xp-to-next-level').textContent = player.xpToNextLevel;\n    }\n\n    function showTraining() {\n        document.getElementById('menu-container').classList.add('hidden');\n        document.getElementById('training-container').classList.remove('hidden');\n    }\n\n    function returnToMenu() {\n        document.getElementById('training-container').classList.add('hidden');\n        document.getElementById('quest-container').classList.add('hidden');\n        document.getElementById('battle-container').classList.add('hidden');\n        document.getElementById('reward-container').classList.add('hidden');\n        document.getElementById('equipment-container').classList.add('hidden');\n        document.getElementById('enhancement-container').classList.add('hidden');\n        document.getElementById('menu-container').classList.remove('hidden');\n    }\n\n    function showQuests() {\n        document.getElementById('menu-container').classList.add('hidden');\n        document.getElementById('quest-container').classList.remove('hidden');\n    }\n\n    function showEquipment() {\n        document.getElementById('menu-container').classList.add('hidden');\n        document.getElementById('equipment-container').classList.remove('hidden');\n    }\n\n    function showEnhancement() {\n        document.getElementById('menu-container').classList.add('hidden');\n        document.getElementById('enhancement-container').classList.remove('hidden');\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('battle-title').textContent = `${enemyName}\u3068\u306e\u6226\u3044`;\n        document.getElementById('enemy-name').textContent = enemy.name;\n        document.getElementById('enemy-hp').textContent = enemy.hp;\n        document.getElementById('enemy-attack').textContent = enemy.attack;\n        document.getElementById('quest-container').classList.add('hidden');\n        document.getElementById('battle-container').classList.remove('hidden');\n        updateStatus();\n    }\n\n    function equipItem() {\n        const selectedItem = document.getElementById('equipment-select').value;\n        if (selectedItem === '\u5149\u306e\u5263') {\n            player.attack += 20;\n            player.equipped.weapon = '\u5149\u306e\u5263';\n        } else if (selectedItem === '\u30c9\u30e9\u30b4\u30f3\u306e\u9c57\u306e\u76fe') {\n            player.defense += 30;\n            player.equipped.shield = '\u30c9\u30e9\u30b4\u30f3\u306e\u9c57\u306e\u76fe';\n        } else if (selectedItem === '\u7cbe\u970a\u306e\u6307\u8f2a') {\n            player.attack += 10;\n            player.defense += 10;\n            player.equipped.weapon = '\u7cbe\u970a\u306e\u6307\u8f2a';\n        } else if (selectedItem === '\u708e\u306e\u5263') {\n            player.attack += 40;\n            player.equipped.weapon = '\u708e\u306e\u5263';\n        } else if (selectedItem === '\u30a2\u30a4\u30b9\u30b9\u30d4\u30a2') {\n            player.attack += 25;\n            player.defense += 10;\n            player.equipped.weapon = '\u30a2\u30a4\u30b9\u30b9\u30d4\u30a2';\n        } else if (selectedItem === '\u6697\u9ed2\u306e\u5927\u5263') {\n            player.attack += 50;\n            player.defense -= 10;\n            player.equipped.weapon = '\u6697\u9ed2\u306e\u5927\u5263';\n        }\n        alert(`${selectedItem}\u3092\u88c5\u5099\u3057\u307e\u3057\u305f\uff01`);\n        updateStatus();\n    }\n\n    function enhanceItem() {\n        const selectedItem = document.getElementById('enhance-select').value;\n        if (selectedItem === '\u5149\u306e\u5263') {\n            player.attack += 10;  \/\/ \u5f37\u5316\u306b\u3088\u308b\u653b\u6483\u529b\u30a2\u30c3\u30d7\n            alert('\u5149\u306e\u5263\u3092\u5f37\u5316\u3057\u3066\u653b\u6483\u529b +10\uff01');\n        } else if (selectedItem === '\u30c9\u30e9\u30b4\u30f3\u306e\u9c57\u306e\u76fe') {\n            player.defense += 10;  \/\/ \u5f37\u5316\u306b\u3088\u308b\u9632\u5fa1\u529b\u30a2\u30c3\u30d7\n            alert('\u30c9\u30e9\u30b4\u30f3\u306e\u9c57\u306e\u76fe\u3092\u5f37\u5316\u3057\u3066\u9632\u5fa1\u529b +10\uff01');\n        } else if (selectedItem === '\u7cbe\u970a\u306e\u6307\u8f2a') {\n            player.attack += 5;\n            player.defense += 5;\n            alert('\u7cbe\u970a\u306e\u6307\u8f2a\u3092\u5f37\u5316\u3057\u3066\u653b\u6483\u529b +5\u3001\u9632\u5fa1\u529b +5\uff01');\n        } else if (selectedItem === '\u708e\u306e\u5263') {\n            player.attack += 15;\n            alert('\u708e\u306e\u5263\u3092\u5f37\u5316\u3057\u3066\u653b\u6483\u529b +15\uff01');\n        } else if (selectedItem === '\u30a2\u30a4\u30b9\u30b9\u30d4\u30a2') {\n            player.attack += 10;\n            player.defense += 5;\n            alert('\u30a2\u30a4\u30b9\u30b9\u30d4\u30a2\u3092\u5f37\u5316\u3057\u3066\u653b\u6483\u529b +10\u3001\u9632\u5fa1\u529b +5\uff01');\n        } else if (selectedItem === '\u6697\u9ed2\u306e\u5927\u5263') {\n            player.attack += 20;\n            player.defense += 5;  \/\/ \u5f37\u5316\u306b\u3088\u308b\u9632\u5fa1\u529b\u306e\u88dc\u6b63\n            alert('\u6697\u9ed2\u306e\u5927\u5263\u3092\u5f37\u5316\u3057\u3066\u653b\u6483\u529b +20\u3001\u9632\u5fa1\u529b +5\uff01');\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('enemy-hp').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('player-hp').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('enemy-hp').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('battle-container').classList.add('hidden');\n        document.getElementById('reward-container').classList.remove('hidden');\n        document.getElementById('reward-item').textContent = currentQuestReward;\n        player.inventory.items.push(currentQuestReward);  \/\/ Add reward to player's items\n        checkLevelUp();\n    }\n\n    function defeat() {\n        alert(&quot;\u6557\u5317\u3057\u307e\u3057\u305f\uff01&quot;);\n        document.getElementById('battle-container').classList.add('hidden');\n        document.getElementById('quest-container').classList.remove('hidden');\n    }\n\n    function startNextQuest() {\n        document.getElementById('reward-container').classList.add('hidden');\n        document.getElementById('quest-container').classList.remove('hidden');\n    }\n\n    window.onload = function() {\n        document.getElementById('training-container').classList.add('hidden');\n        document.getElementById('quest-container').classList.add('hidden');\n        document.getElementById('battle-container').classList.add('hidden');\n        document.getElementById('reward-container').classList.add('hidden');\n        document.getElementById('equipment-container').classList.add('hidden');\n        document.getElementById('enhancement-container').classList.add('hidden');\n        document.getElementById('menu-container').classList.remove('hidden');\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,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_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":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/25623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25623"}],"version-history":[{"count":1,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/25623\/revisions"}],"predecessor-version":[{"id":25624,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/25623\/revisions\/25624"}],"wp:attachment":[{"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25623"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=25623"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.tyosuke20xx.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=25623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}