{"id":8245,"date":"2026-08-17T14:56:07","date_gmt":"2026-08-17T06:56:07","guid":{"rendered":"https:\/\/www.peachcp.com\/wro-hk\/?page_id=8245"},"modified":"2026-08-17T18:53:14","modified_gmt":"2026-08-17T10:53:14","slug":"hkrc-basketball-scoresheet","status":"publish","type":"page","link":"https:\/\/www.peachcp.com\/wro-hk\/hkrc-basketball-scoresheet\/","title":{"rendered":"HKRC BASKETBALL CHALLENGE \u7c43\u7403\u6311\u6230\u8cfd\u7dda\u4e0a\u8a08\u5206\u8868"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8245\" class=\"elementor elementor-8245\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-018663e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"018663e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4ba9bd5\" data-id=\"4ba9bd5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c2f1881 elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"c2f1881\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/docs.google.com\/document\/d\/1P2Jw05uvX2286lC4lU1UFSOV7eTuJgUN\/edit\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-file-pdf\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u6bd4\u8cfd\u898f\u5247<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e68722 elementor-widget elementor-widget-html\" data-id=\"5e68722\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-HK\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <style>\n        body {\n            font-family: Arial, sans-serif;\n            max-width: 600px;\n            margin: 10px auto;\n            padding: 15px;\n            padding-bottom: 160px;\n            background: #f4f4f9;\n        }\n        h1 {\n            text-align: center;\n            color: #333;\n            font-size: 20px;\n            margin-bottom: 15px;\n        }\n        .section {\n            background: #fff;\n            padding: 15px;\n            margin-bottom: 12px;\n            border-radius: 8px;\n            box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n        }\n        .section h3 {\n            margin-top: 0;\n            margin-bottom: 10px;\n            font-size: 15px;\n            color: #333;\n            border-bottom: 1px solid #eee;\n            padding-bottom: 6px;\n        }\n        \n        \/* 9\u683c\u6309\u9215\u7db2\u683c\u6a23\u5f0f *\/\n        .grid-9 {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 8px;\n            margin-top: 8px;\n        }\n        \n        \/* \u6309\u9215\u57fa\u790e\u6a23\u5f0f *\/\n        .btn-item {\n            padding: 12px 4px;\n            font-size: 13px;\n            font-weight: bold;\n            border: 2px solid #ccc;\n            border-radius: 6px;\n            background: #fff;\n            color: #444;\n            cursor: pointer;\n            text-align: center;\n            transition: 0.1s;\n            touch-action: manipulation;\n        }\n        .btn-item:active {\n            transform: scale(0.96);\n        }\n        \n        \/* \u9078\u4e2d\u72c0\u614b *\/\n        .action-btn.active, .board-btn.active {\n            background: #4CAF50;\n            color: white;\n            border-color: #388E3C;\n        }\n        \n        \/* \u61f2\u7f70\u8207\u91cd\u7f6e\u6309\u9215 *\/\n        .penalty-btn {\n            background: #dc3545;\n            color: white;\n            border: none;\n        }\n        .reset-btn {\n            width: 100%;\n            padding: 10px;\n            font-size: 14px;\n            background: #6c757d;\n            color: white;\n            border: none;\n            border-radius: 6px;\n            cursor: pointer;\n        }\n\n        \/* \u5e95\u90e8\u56fa\u5b9a\u8a08\u5206\u5217 *\/\n        .fixed-score-bar {\n            position: fixed;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            background: #ffffff;\n            box-shadow: 0 -4px 10px rgba(0,0,0,0.15);\n            padding: 10px 15px;\n            box-sizing: border-box;\n            z-index: 1000;\n        }\n        .fixed-score-container {\n            max-width: 600px;\n            margin: 0 auto;\n        }\n        .score-info {\n            font-size: 12px;\n            color: #666;\n            margin-bottom: 4px;\n            line-height: 1.4;\n        }\n        .score-flex {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n        .score-display {\n            font-size: 18px;\n            font-weight: bold;\n            color: #d9534f;\n        }\n\n        \/* \u734e\u9805\u6a19\u7c64\u6a23\u5f0f *\/\n        .award-tag {\n            display: inline-block;\n            margin-left: 6px;\n            padding: 2px 8px;\n            border-radius: 12px;\n            font-size: 12px;\n            font-weight: bold;\n            transition: all 0.2s ease;\n        }\n <\/style>\n<\/head>\n<body>\n\n    \n<div class=\"section\">\n<h3>1. \u884c\u52d5\u5206 (\u6210\u529f\u6295\u51fa 1 \u500b 10 \u5206 \/ \u4e0a\u9650 90 \u5206)<\/h3>\n<div class=\"grid-9\">\n <button class=\"btn-item action-btn\" onclick=\"setAction(1)\">1\u6b21<br>(10\u5206)<\/button>\n <button class=\"btn-item action-btn\" onclick=\"setAction(2)\">2\u6b21<br>(20\u5206)<\/button>\n <button class=\"btn-item action-btn\" onclick=\"setAction(3)\">3\u6b21<br>(30\u5206)<\/button>\n <button class=\"btn-item action-btn\" onclick=\"setAction(4)\">4\u6b21<br>(40\u5206)<\/button>\n <button class=\"btn-item action-btn\" onclick=\"setAction(5)\">5\u6b21<br>(50\u5206)<\/button>\n <button class=\"btn-item action-btn\" onclick=\"setAction(6)\">6\u6b21<br>(60\u5206)<\/button>\n <button class=\"btn-item action-btn\" onclick=\"setAction(7)\">7\u6b21<br>(70\u5206)<\/button>\n <button class=\"btn-item action-btn\" onclick=\"setAction(8)\">8\u6b21<br>(80\u5206)<\/button>\n <button class=\"btn-item action-btn active\" onclick=\"setAction(9)\">9\u6b21<br>(90\u5206)<\/button>\n <\/div>\n <\/div>\n\n    \n<div class=\"section\">\n<h3>2. \u4f4d\u7f6e\u5206 (\u6309\u7c43\u7403\u6846\u547d\u4e2d\u5340\u57df\u8a08\u5206 \/ \u4e0a\u9650 460 \u5206)<\/h3>\n<div class=\"grid-9\">\n <button class=\"btn-item board-btn\" onclick=\"toggleBoard(this)\" data-score=\"30\">\u4e0a\u5de6<br>(30\u5206)<\/button>\n <button class=\"btn-item board-btn\" onclick=\"toggleBoard(this)\" data-score=\"20\">\u4e0a\u4e2d<br>(20\u5206)<\/button>\n <button class=\"btn-item board-btn\" onclick=\"toggleBoard(this)\" data-score=\"30\">\u4e0a\u53f3<br>(30\u5206)<\/button>\n <button class=\"btn-item board-btn\" onclick=\"toggleBoard(this)\" data-score=\"100\">\u4e2d\u5de6<br>(100\u5206)<\/button>\n <button class=\"btn-item board-btn\" onclick=\"toggleBoard(this)\" data-score=\"50\">\u4e2d\u4e2d<br>(50\u5206)<\/button>\n <button class=\"btn-item board-btn\" onclick=\"toggleBoard(this)\" data-score=\"100\">\u4e2d\u53f3<br>(100\u5206)<\/button>\n <button class=\"btn-item board-btn\" onclick=\"toggleBoard(this)\" data-score=\"50\">\u4e0b\u5de6<br>(50\u5206)<\/button>\n <button class=\"btn-item board-btn\" onclick=\"toggleBoard(this)\" data-score=\"30\">\u4e0b\u4e2d<br>(30\u5206)<\/button>\n <button class=\"btn-item board-btn\" onclick=\"toggleBoard(this)\" data-score=\"50\">\u4e0b\u53f3<br>(50\u5206)<\/button>\n <\/div>\n <\/div>\n\n    \n<div class=\"section\">\n<h3>3. \u61f2\u7f70\u6263\u5206 (\u76ee\u524d\u6263\u5206: <span id=\"penaltyDisplay\" style=\"color:#dc3545; font-weight:bold;\">0<\/span> \u5206)<\/h3>\n<div class=\"grid-9\">\n <button class=\"btn-item penalty-btn\" onclick=\"changePenalty(10)\">+10 \u5206<\/button>\n <button class=\"btn-item penalty-btn\" onclick=\"changePenalty(30)\">+30 \u5206<\/button>\n <button class=\"btn-item penalty-btn\" onclick=\"changePenalty(50)\">+50 \u5206<\/button>\n <button class=\"btn-item penalty-btn\" onclick=\"changePenalty(100)\">+100 \u5206<\/button>\n <button class=\"btn-item reset-btn\" onclick=\"resetPenalty()\" style=\"grid-column: span 2;\">\u61f2\u7f70\u6b78\u96f6<\/button>\n <\/div>\n <\/div>\n\n    \n<div class=\"section\">\n <button class=\"reset-btn\" onclick=\"resetAll()\">\ud83d\udd04 \u6e05\u7a7a\u91cd\u65b0\u8a08\u5206<\/button>\n <\/div>\n\n    \n<div class=\"fixed-score-bar\">\n<div class=\"fixed-score-container\">\n<div class=\"score-info\">\n                \u884c\u52d5: <span id=\"resAction\">90<\/span> | \u4f4d\u7f6e: <span id=\"resPosition\">0<\/span> | \u6263\u5206: <span id=\"resPenalty\">0<\/span>\n <\/div>\n<div class=\"score-flex\">\n<div>\n <span style=\"font-weight: bold; color: #0288d1;\">[\u7c43\u7403\u8cfd]<\/span>\n <span id=\"awardDisplay\" class=\"award-tag\">\ud83d\udcdc \u5609\u8a31\u72c0<\/span>\n <\/div>\n <span class=\"score-display\">\u7e3d\u5206: <span id=\"resTotal\">90<\/span> \/ 550<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n        let currentActionCount = 9; \/\/ \u9810\u8a2d 9 \u6b21\n        let penaltyScore = 0;\n\n        function setAction(count) {\n            currentActionCount = count;\n            const buttons = document.querySelectorAll('.action-btn');\n            buttons.forEach((btn, idx) => {\n                if (idx + 1 === count) {\n                    btn.classList.add('active');\n                } else {\n                    btn.classList.remove('active');\n                }\n            });\n            calculateScore();\n        }\n\n        function toggleBoard(btn) {\n            btn.classList.toggle('active');\n            calculateScore();\n        }\n\n        function changePenalty(delta) {\n            penaltyScore += delta;\n            document.getElementById('penaltyDisplay').innerText = penaltyScore;\n            calculateScore();\n        }\n\n        function resetPenalty() {\n            penaltyScore = 0;\n            document.getElementById('penaltyDisplay').innerText = '0';\n            calculateScore();\n        }\n\n        function calculateScore() {\n            let actionScore = currentActionCount * 10;\n\n            let positionScore = 0;\n            document.querySelectorAll('.board-btn.active').forEach(btn => {\n                positionScore += parseInt(btn.dataset.score) || 0;\n            });\n            if (positionScore > 460) positionScore = 460;\n\n            let total = actionScore + positionScore - penaltyScore;\n            total = Math.max(0, total);\n\n            document.getElementById('resAction').innerText = actionScore;\n            document.getElementById('resPosition').innerText = positionScore;\n            document.getElementById('resPenalty').innerText = penaltyScore;\n            document.getElementById('resTotal').innerText = total;\n\n            \/\/ \u7c43\u7403\u8cfd\u734e\u9805\u5224\u5b9a\u908f\u8f2f\n            const awardTag = document.getElementById('awardDisplay');\n            if (total >= 300) {\n                awardTag.innerText = \"\ud83e\udd47 \u91d1\u734e\";\n                awardTag.style.background = \"#fff8e1\";\n                awardTag.style.color = \"#b78103\";\n            } else if (total >= 230) {\n                awardTag.innerText = \"\ud83e\udd48 \u9280\u734e\";\n                awardTag.style.background = \"#eceff1\";\n                awardTag.style.color = \"#455a64\";\n            } else if (total >= 100) {\n                awardTag.innerText = \"\ud83e\udd49 \u9285\u734e\";\n                awardTag.style.background = \"#fbe9e7\";\n                awardTag.style.color = \"#bf360c\";\n            } else if (total > 0) {\n                awardTag.innerText = \"\ud83d\udcdc \u5609\u8a31\u72c0\";\n                awardTag.style.background = \"#e1f5fe\";\n                awardTag.style.color = \"#0277bd\";\n            } else {\n                awardTag.innerText = \"\u672a\u9054\u6a19\";\n                awardTag.style.background = \"#f5f5f5\";\n                awardTag.style.color = \"#9e9e9e\";\n            }\n        }\n\n        function resetAll() {\n            setAction(0);\n            document.querySelectorAll('.board-btn').forEach(btn => btn.classList.remove('active'));\n            resetPenalty();\n        }\n\n        calculateScore();\n <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-acd30e1 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"acd30e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md elementor-animation-grow\" href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSfgTH2crqvLEfXmY3QNLUrK8o5fJ1nw3zKZoAaCWFP2P5Y8Pg\/viewform?usp=dialog\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u63d0\u4ea4\u4f5c\u54c1<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u6bd4\u8cfd\u898f\u5247 1. \u884c\u52d5\u5206 (\u6210\u529f\u6295\u51fa 1 \u500b 10 \u5206 \/ \u4e0a &#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8245","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/pages\/8245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/comments?post=8245"}],"version-history":[{"count":13,"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/pages\/8245\/revisions"}],"predecessor-version":[{"id":8289,"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/pages\/8245\/revisions\/8289"}],"wp:attachment":[{"href":"https:\/\/www.peachcp.com\/wro-hk\/wp-json\/wp\/v2\/media?parent=8245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}