{"id":6659,"date":"2023-10-28T02:19:42","date_gmt":"2023-10-27T17:19:42","guid":{"rendered":"https:\/\/engineering.webstudio168.jp\/?p=6659"},"modified":"2024-07-19T03:07:46","modified_gmt":"2024-07-18T18:07:46","slug":"one-or-two","status":"publish","type":"post","link":"https:\/\/engineering.webstudio168.jp\/blog\/one-or-two\/","title":{"rendered":"\u3010\u512a\u67d4\u4e0d\u65ad\u5c02\u7528\u30112\u629e\u30013\u629e\u2026\u2026 \u77ac\u6642\u306b\u6c7a\u3081\u308bWeb\u30c4\u30fc\u30eb\u3010\u9078\u3079\u306a\u3044\u6642\u3001\u6c7a\u3081\u3089\u308c\u306a\u3044\u6642\u306b\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3011"},"content":{"rendered":"\n<style>\n    .keyboard {\n        margin-top: 10px;\n    }\n\n    .keyboard button {\n        width: 50px;\n        height: 50px;\n        margin: 4px;\n        border: none;\n        border-radius: 5px;\n        background-color: #4CAF50;\n        color: white;\n        font-size: 1em;\n        cursor: pointer;\n    }\n\n    .keyboard button:last-child {\n        background-color: #CCC;\n    }\n\n    .keyboard button:hover {\n        background-color: #45a049;\n    }\n\n    .tooltip {\n        visibility: hidden;\n        background-color: #f44336;\n        color: white;\n        text-align: center;\n        padding: 0.5em;\n        border-radius: 6px;\n        position: absolute;\n        z-index: 1;\n        top: 3em;\n        left: 50%;\n        transform: translateX(-50%);\n        white-space: nowrap;\n    }\n\n    .tooltip.visible {\n        visibility: visible;\n    }\n\n    #numberInputWrapper {\n        position: relative;\n        display: inline-block;\n    }\n\n    .outwrap {\n        display: flex;\n    }\n\n    .generateIcon {\n        width: 45px;\n        height: 45px;\n        background: #d90368;\n        cursor: pointer;\n        padding: 0.25em;\n        border-radius: 0 10px 10px 0;\n    }\n\n    .generateIcon svg {\n        width: 100%;\n        height: 100%;\n    }\n\n    .st0 {\n        fill: #FFF;\n    }\n\n    .generateIcon:hover .st0 {\n        fill: orange;\n    }\n\n    .highlighted-number {\n        font-size: 300%;\n        font-weight: bold;\n        display: inline-block;\n        margin-left: 0.5em;\n    }\n<\/style>\n<p>\u6574\u6570\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044:\uff08\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30ad\u30fc\u30dc\u30fc\u30c9\u3082\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\uff09<\/p>\n<div class=\"outwrap\">\n    <div id=\"numberInputWrapper\">\n        <span class=\"tooltip\" id=\"errorTooltip\">2\u4ee5\u4e0a\u306e\u6574\u6570\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044<\/span>\n        <input type=\"number\" id=\"numberInput\" min=\"1\" placeholder=\"\u629e\u6570\u3092\u5165\u308c\u3066\u304f\u3060\u3055\u3044\">\n    <\/div>\n    <div class=\"generateIcon\" onclick=\"generateRandomNumber()\"><!--?xml version=\"1.0\" encoding=\"utf-8\"?-->\n        <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->\n        <svg version=\"1.1\" id=\"_x34_\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"\n            x=\"0px\" y=\"0px\" viewBox=\"0 0 718.917 800\" xml:space=\"preserve\">\n            <g>\n                <path class=\"st0\" d=\"M356.456,152.317c-108.916,0-197.524,88.607-197.524,197.523c0,58.283,31.372,104.043,60.767,142.362\n            c11.522,15.012,24.888,36.607,26.065,70.727c1.496,43.256,5.097,86.637,30.363,101.5c-0.009,2.893-0.02,6.114-0.03,9.57\n            c-2.185,0.774-3.711,2.843-3.621,5.252c0.089,2.26,1.556,4.139,3.581,4.867c0,4.349-0.01,8.878-0.019,13.462\n            c-2.145,0.787-3.652,2.843-3.562,5.221c0.089,2.245,1.536,4.12,3.531,4.863c-0.009,4.594-0.019,9.132-0.019,13.481\n            c-2.105,0.803-3.602,2.848-3.512,5.223c0.089,2.244,1.526,4.104,3.512,4.853c0.01,5.102,0.029,9.695,0.05,13.481\n            c-2.145,0.787-3.652,2.837-3.562,5.221c0.089,2.294,1.607,4.195,3.691,4.893c0,0.15,0.01,0.28,0.02,0.384\n            c0.408,6.235,9.147,5.611,19.122,6.863c3.741,3.74,14.972,19.965,31.202,24.957C332.127,792.633,338.99,798,356.456,798\n            c17.466,0,24.339-5.367,29.955-10.978c16.219-4.992,27.451-21.216,31.192-24.957c9.985-1.252,18.713-0.628,19.132-6.863\n            c0.05-0.763,0.08-2.912,0.12-6.09c2.154-0.782,3.671-2.843,3.581-5.231c-0.07-2.254-1.526-4.125-3.531-4.864\n            c0-4.029,0.019-8.593,0.019-13.486c2.116-0.798,3.602-2.843,3.512-5.216c-0.07-2.244-1.517-4.114-3.531-4.853\n            c0-4.419,0-8.948-0.02-13.481c2.155-0.793,3.641-2.848,3.552-5.222c-0.08-2.26-1.547-4.139-3.561-4.867\n            c-0.02-4.654-0.02-9.183-0.041-13.456c2.165-0.768,3.691-2.843,3.602-5.242c-0.08-2.279-1.587-4.164-3.631-4.877\n            c0-1.353-0.01-2.648-0.02-3.885c25.266-14.863,28.877-58.244,30.364-101.5c1.177-34.109,14.543-55.715,26.065-70.727\n            c29.396-38.319,60.767-84.079,60.767-142.362C553.98,240.924,465.372,152.317,356.456,152.317z M330.661,649.702V537.199\n            c0-9.835-8.908-17.84-19.87-17.84h-11.88c-5.875,0-10.663-3.88-10.663-8.643v-78.792c0-15.865,7.969-25.716,20.787-25.716\n            c3.472,0,6.843,1.446,9.806,3.925c-4.837,7.122-7.631,16.204-7.631,24.823c0,14.673,5.248,23.795,13.695,23.795\n            c8.46,0,13.716-9.122,13.716-23.795c0-8.619-2.803-17.701-7.631-24.823c2.963-2.479,6.335-3.925,9.806-3.925\n            c3.462,0,6.823,1.446,9.795,3.925c-4.837,7.122-7.631,16.209-7.631,24.823c0,14.673,5.247,23.795,13.706,23.795\n            c8.45,0,13.706-9.122,13.706-23.795c0-8.614-2.813-17.701-7.64-24.823c2.973-2.479,6.344-3.925,9.805-3.925\n            c3.472,0,6.843,1.446,9.806,3.925c-4.828,7.122-7.631,16.209-7.631,24.823c0,14.673,5.258,23.795,13.706,23.795\n            c8.45,0,13.695-9.122,13.695-23.795c0-8.614-2.792-17.701-7.621-24.823c2.963-2.479,6.325-3.925,9.795-3.925\n            c11.811,0,20.389,12.09,20.389,28.748v78.791c0,4.763-4.797,8.643-10.672,8.643h-11.881c-10.962,0-19.86,8.005-19.86,17.841v109.47\n            H330.661z M320.397,434.957c0-6.334,1.726-12.424,4.518-17.361c2.784,4.937,4.499,11.027,4.499,17.361\n            c0,8.604-2.374,14.599-4.509,14.599C322.771,449.555,320.397,443.561,320.397,434.957z M352.157,434.957\n            c0-6.334,1.716-12.424,4.508-17.352c2.784,4.928,4.509,11.018,4.509,17.352c0,8.604-2.374,14.599-4.509,14.599\n            C354.531,449.555,352.157,443.561,352.157,434.957z M383.907,434.957c0-6.334,1.725-12.424,4.508-17.352\n            c2.784,4.928,4.499,11.018,4.499,17.352c0,8.604-2.364,14.599-4.499,14.599C386.281,449.555,383.907,443.561,383.907,434.957z\n             M478.62,481.001c-13.188,17.187-28.499,41.964-29.855,81.296c-1.357,39.505-4.948,77.326-21.735,86.552l0.469,0.853h-36.039\n            v-109.47c0-4.768,4.777-8.649,10.662-8.649h11.881c10.952,0,19.869-8.005,19.869-17.835v-78.791\n            c0-21.99-12.439-37.946-29.586-37.946c-6.014,0-11.401,2.379-15.87,6.235c-4.479-3.856-9.855-6.235-15.88-6.235\n            c-6.014,0-11.401,2.379-15.87,6.235c-4.468-3.856-9.855-6.235-15.869-6.235c-6.025,0-11.402,2.379-15.881,6.235\n            c-4.479-3.856-9.855-6.235-15.88-6.235c-14.922,0-29.984,10.794-29.984,34.913v78.792c0,9.83,8.917,17.835,19.86,17.835h11.88\n            c5.885,0,10.673,3.879,10.673,8.648v112.503h-36.049l0.469-0.853c-16.797-9.226-20.369-47.047-21.725-86.552\n            c-1.367-39.331-16.669-64.109-29.866-81.296c-27.55-35.92-56.956-78.637-56.956-131.16c0-98.772,80.347-179.129,179.119-179.129\n            s179.12,80.357,179.12,179.129C535.576,402.364,506.18,445.081,478.62,481.001z\"><\/path>\n                <g>\n                    <path class=\"st0\" d=\"M359.468,2c-7.341,0-13.306,5.96-13.306,13.301l3.69,81.665c0,5.307,4.299,9.611,9.616,9.611\n                c5.308,0,9.607-4.304,9.607-9.611l3.69-81.665C372.765,7.96,366.8,2,359.468,2z\"><\/path>\n                    <path class=\"st0\" d=\"M198.802,54.787c-3.67-6.359-11.82-8.533-18.154-4.867c-6.365,3.67-8.549,11.805-4.868,18.164l44.02,68.881\n                c2.654,4.595,8.529,6.17,13.117,3.512c4.598-2.654,6.175-8.529,3.521-13.117L198.802,54.787z\"><\/path>\n                    <path class=\"st0\" d=\"M136.779,219.996l-68.897-44.029c-6.354-3.671-14.483-1.491-18.155,4.863\n                c-3.671,6.358-1.486,14.493,4.868,18.164l72.568,37.641c4.598,2.653,10.474,1.077,13.126-3.527\n                C142.943,228.52,141.367,222.645,136.779,219.996z\"><\/path>\n                    <path class=\"st0\" d=\"M664.342,520.322l-72.578-37.631c-4.588-2.663-10.463-1.082-13.117,3.516\n                c-2.643,4.589-1.087,10.465,3.512,13.117l68.887,44.025c6.354,3.676,14.494,1.491,18.155-4.858\n                C672.871,532.132,670.697,523.998,664.342,520.322z\"><\/path>\n                    <path class=\"st0\" d=\"M106.374,359.656c0-5.302-4.309-9.601-9.606-9.601l-81.664-3.691c-7.342,0-13.307,5.951-13.307,13.292\n                c0,7.346,5.965,13.297,13.307,13.297l81.664-3.692C102.075,369.261,106.374,364.967,106.374,359.656z\">\n                    <\/path>\n                    <path class=\"st0\" d=\"M703.823,346.364l-81.665,3.691c-5.306,0-9.597,4.299-9.597,9.611c0,5.301,4.29,9.595,9.597,9.595\n                l81.665,3.692c7.342,0,13.297-5.951,13.297-13.287C717.12,352.315,711.165,346.364,703.823,346.364z\">\n                    <\/path>\n                    <path class=\"st0\" d=\"M127.163,482.692l-72.568,37.631c-6.354,3.676-8.539,11.809-4.868,18.169\n                c3.671,6.359,11.8,8.534,18.155,4.858l68.897-44.025c4.588-2.653,6.164-8.528,3.5-13.127\n                C137.636,481.61,131.761,480.038,127.163,482.692z\"><\/path>\n                    <path class=\"st0\" d=\"M591.764,236.63l72.578-37.635c6.354-3.671,8.529-11.806,4.867-18.159c-3.68-6.359-11.809-8.539-18.164-4.868\n                l-68.887,44.029c-4.598,2.648-6.164,8.524-3.512,13.122C581.301,237.712,587.176,239.288,591.764,236.63z\">\n                    <\/path>\n                    <path class=\"st0\" d=\"M538.299,49.925c-6.363-3.671-14.493-1.497-18.164,4.862L482.49,127.36\n                c-2.654,4.588-1.078,10.463,3.531,13.117c4.589,2.648,10.453,1.083,13.107-3.512l44.029-68.881\n                C546.828,61.724,544.653,53.59,538.299,49.925z\"><\/path>\n                <\/g>\n            <\/g>\n        <\/svg>\n    <\/div>\n<\/div>\n<div class=\"keyboard\">\n    <button onclick=\"typeKey('1')\">1<\/button>\n    <button onclick=\"typeKey('2')\">2<\/button>\n    <button onclick=\"typeKey('3')\">3<\/button>\n    <button onclick=\"typeKey('4')\">4<\/button>\n    <button onclick=\"typeKey('5')\">5<\/button><br class=\"sp-only\">\n    <button onclick=\"typeKey('6')\">6<\/button>\n    <button onclick=\"typeKey('7')\">7<\/button>\n    <button onclick=\"typeKey('8')\">8<\/button>\n    <button onclick=\"typeKey('9')\">9<\/button>\n    <button onclick=\"typeKey('0')\">0<\/button><br class=\"sp-only\">\n    <button onclick=\"backspaceKey()\">\u2190<\/button>\n    <button onclick=\"allClear()\">AC<\/button>\n<\/div>\n<p id=\"result\"><\/p>\n<script>\n    document.getElementById('numberInput').addEventListener('keypress', function (event) {\n        if (event.key === 'Enter') {\n            generateRandomNumber();\n        }\n    });\n\n    function generateRandomNumber() {\n        var inputNumber = document.getElementById('numberInput').value;\n        inputNumber = parseInt(inputNumber);\n        var tooltip = document.getElementById('errorTooltip');\n\n        if (isNaN(inputNumber) || inputNumber < 2) {\n            tooltip.classList.add('visible');\n            return;\n        } else {\n            tooltip.classList.remove('visible');\n        }\n\n        var randomNumber = Math.floor(Math.random() * inputNumber) + 1;\n        document.getElementById('result').innerHTML = \"\u7d50\u679c: <span class='highlighted-number'>\" + randomNumber + \"<\/span>\";\n    }\n    function typeKey(key) {\n        const inputField = document.getElementById('numberInput');\n        inputField.value += key;\n    }\n\n    function backspaceKey() {\n        const inputField = document.getElementById('numberInput');\n        inputField.value = inputField.value.slice(0, -1);\n    }\n    function allClear() {\n        const inputField = document.getElementById('numberInput');\n        inputField.value = '';\n    }\ndocument.addEventListener(\"dblclick\", function(e){ e.preventDefault();}, { passive: false }); \n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\">\u300c1\u300d\u306a\u3089\u300c\u2026\u2026\u3059\u308b\u300d\u3001\u300c2\u300d\u306a\u3089\u300c\u2026\u2026\u3059\u308b\u300d\u3068\u5fc3\u306b\u6c7a\u3081\u3066\u629e\u6570\u3092\u5165\u529b\u3057\u3066\u6c7a\u5b9a\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<br>\u4eca\u6669\u306e\u3054\u98ef\u306f\u4f55\u306b\u3057\u3088\u3046\u3001\u4eca\u65e5\u306f\u3069\u3063\u3061\u306e\u670d\u3092\u7740\u3088\u3046\u3001\u660e\u65e5\u306f\u3069\u3053\u306b\u3044\u3053\u3046\u2026\u2026\u306a\u3069\u306a\u3069\u3001\u3042\u306a\u305f\u306e\u904b\u547d\u3092\u6c7a\u3081\u307e\u3059\u3002A\u304bB\u304b\u3001\u306f\u305f\u307e\u305fA\u304bB\u304bC\u304b\u3001\u306a\u304b\u306a\u304b\u6c7a\u3081\u3089\u308c\u306a\u3044\u3053\u3068\u3063\u3066\u591a\u3044\u3067\u3059\u3088\u306d\u3002\u3053\u306e\u30c4\u30fc\u30eb\u3092\u4f7f\u3063\u3066\u4e8c\u629e\u3001\u4e09\u629e\u3092\u6c7a\u3081\u3066\u3082\u3089\u3044\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u30102\u629e\u306e\u4f7f\u7528\u4f8b\u3011<\/strong><br>\u660e\u65e5\u306e\u30c7\u30fc\u30c8\u3067\u544a\u767d\u3057\u3088\u3046\u304b\u2026\u2026<br>\u2193<br>\u3088\u3057\u3001\u300c1\u300d\u304c\u51fa\u305f\u3089\u300c\u544a\u767d\u3059\u308b\u300d\u3001\u300c2\u300d\u304c\u51fa\u305f\u3089\u300c\u3084\u3081\u3066\u304a\u3053\u3046\u300d<br>\u2193<br>\u5165\u529b\u6b04\u306b\u300c2\u300d\u3092\u5165\u529b\uff082\u629e\uff09<br>\u2193<br>\u30c9\u30ad\u30c9\u30ad\u3057\u306a\u304c\u3089\u300c\u30dc\u30bf\u30f3\u307d\u3061\uff08or Enter\u30ad\u30fc\uff09\u300d\uff01<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u30103\u629e\u306e\u4f7f\u7528\u4f8b\u3011<\/strong><br>\u4eca\u65e5\u306e\u30e9\u30f3\u30c1\u306f\u4f55\u306b\u3057\u3088\u3046\u2026\u2026<br>\u2193<br>\u300c1\u300d\u304c\u51fa\u305f\u3089\u300c\u30e9\u30fc\u30e1\u30f3\u300d\u3001\u300c2\u300d\u304c\u51fa\u305f\u3089\u300c\u30ab\u30ec\u30fc\u300d\u3001\u300c3\u300d\u304c\u51fa\u305f\u3089\u601d\u3044\u5207\u3063\u3066\u300c\u5bff\u53f8\u300d\uff01<br>\u2193<br>\u5165\u529b\u6b04\u306b\u300c3\u300d\u3092\u5165\u529b\uff083\u629e\uff09<br>\u2193<br>\u3061\u3087\u3063\u3068\u304a\u5bff\u53f8\u306f\u9ad8\u3044\u304b\u306a\u3068\u601d\u3044\u3064\u3064\u300c\u30dc\u30bf\u30f3\u307d\u3061\uff08or Enter\u30ad\u30fc\uff09\u300d\uff01<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u301099\u629e\u3001999\u629e\u306b\u3082\u2026\u2026\u3011<\/strong><br>2\u6841\u306e\u30e9\u30f3\u30c0\u30e0\u306a\u6570\u304c\u3044\u3044\u6642\u306f99\u30013\u6841\u306e\u30e9\u30f3\u30c0\u30e0\u306a\u6570\u304c\u6b32\u3057\u3044\u6642\u306f999\u3092\u5165\u529b\u3059\u308b\u3068\u610f\u5916\u3068\u4f7f\u3048\u307e\u3059\u3002\u30ed\u30c8\u304f\u3058\u3068\u304b\u306b\u3082\u4f7f\u3048\u305d\u3046\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3010\u30aa\u30b9\u30b9\u30e1\u30dd\u30a4\u30f3\u30c8\u3011<br>\u30fb\u753b\u9762\u9077\u79fb\u3092\u30bc\u30ed\u306b\u3057\u3066\u3044\u307e\u3059\u3002<br>\u30fb\u3044\u3061\u3044\u3061\u30cf\u30fc\u30c9\u30a6\u30a7\u30a2\u30ad\u30fc\u30dc\u30fc\u30c9\u304c\u51fa\u306a\u304f\u3066\u3082\u3044\u3044\u3088\u3046\u306b\u3057\u307e\u3057\u305f\uff08\u30b9\u30de\u30db\uff09\u3002<br>\u30fb\u51fa\u6765\u308b\u3060\u3051\u753b\u9762\uff08\u30d3\u30e5\u30fc\u30dd\u30fc\u30c8\uff09\u306b\u53ce\u307e\u308b\u3088\u3046\u306b\u3057\u307e\u3057\u305f\u3002<br>\u30fb\u30a8\u30e9\u30fc\u306e\u30a2\u30e9\u30fc\u30c8\u306f\u30c0\u30a4\u30a2\u30ed\u30b0\u5f62\u5f0f\u306b\u3057\u306a\u3044\u3088\u3046\u306b\u3057\u3066\u3044\u307e\u3059<br>\u30fb\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30ad\u30fc\u30dc\u30fc\u30c9\u3092\u9023\u7d9a\u30bf\u30c3\u30d7\u3057\u305f\u3068\u304d\u306b\u753b\u9762\u304c\u62e1\u5927\u3057\u306a\u3044\u3088\u3046\u306b\u5236\u5fa1\u3057\u307e\u3057\u305f\u3002<br>\u30fb\u30bf\u30c3\u30d7\u3057\u3084\u3059\u3044\u3001\u8996\u8a8d\u3057\u3084\u3059\u3044\u8272\u3092\u63a1\u7528\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u306a\u304b\u306a\u304b2\u629e\u30013\u629e\u3092\u3059\u3050\u306b\u6c7a\u3081\u3066\u304f\u308c\u308bWeb\u30b5\u30a4\u30c8\u304c\u306a\u304b\u3063\u305f\u306e\u3067\u4f5c\u6210\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u51fa\u6765\u308b\u3060\u3051\u9ad8\u901f\u306b\u3071\u3063\u3068\u4f7f\u3048\u308b\u3088\u3046\u306b\u3057\u3066\u307f\u307e\u3057\u305f\u306e\u3067\u3001\u662f\u975e\u30d6\u30c3\u30af\u30de\u30fc\u30af\u3057\u3066\u304a\u4f7f\u3044\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism undefined-numbers lang-js\" data-file=\"2taku.js\" data-lang=\"JavaScript\"><code>    document.getElementById(&#39;numberInput&#39;).addEventListener(&#39;keypress&#39;, function (event) {\n        if (event.key === &#39;Enter&#39;) {\n            generateRandomNumber();\n        }\n    });\n\n    function generateRandomNumber() {\n        var inputNumber = document.getElementById(&#39;numberInput&#39;).value;\n        inputNumber = parseInt(inputNumber);\n        var tooltip = document.getElementById(&#39;errorTooltip&#39;);\n\n        if (isNaN(inputNumber) || inputNumber &lt; 2) {\n            tooltip.classList.add(&#39;visible&#39;);\n            return;\n        } else {\n            tooltip.classList.remove(&#39;visible&#39;);\n        }\n\n        var randomNumber = Math.floor(Math.random() * inputNumber) + 1;\n        document.getElementById(&#39;result&#39;).innerHTML = &quot;\u7d50\u679c: &lt;span class=&#39;highlighted-number&#39;&gt;&quot; + randomNumber + &quot;&lt;\/span&gt;&quot;;\n    }\n    function typeKey(key) {\n        const inputField = document.getElementById(&#39;numberInput&#39;);\n        inputField.value += key;\n    }\n\n    function backspaceKey() {\n        const inputField = document.getElementById(&#39;numberInput&#39;);\n        inputField.value = inputField.value.slice(0, -1);\n    }\n    function allClear() {\n        const inputField = document.getElementById(&#39;numberInput&#39;);\n        inputField.value = &#39;&#39;;\n    }\ndocument.addEventListener(&quot;dblclick&quot;, function(e){ e.preventDefault();}, { passive: false }); <\/code><\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u6574\u6570\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044:\uff08\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u30ad\u30fc\u30dc\u30fc\u30c9\u3082\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\uff09 2\u4ee5\u4e0a\u306e\u6574\u6570\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044 1 2 3 4 5 6 7 8 9 0 \u2190 AC \u300c1\u300d\u306a\u3089\u300c\u2026\u2026\u3059\u308b\u300d\u3001\u300c2\u300d\u306a\u3089\u300c\u2026\u2026\u3059\u308b\u300d\u3068\u5fc3\u306b\u6c7a\u3081\u3066\u629e\u6570\u3092\u5165\u529b\u3057 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6693,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[43],"tags":[99,39],"class_list":["post-6659","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-43","tag-99","tag-39"],"_links":{"self":[{"href":"https:\/\/engineering.webstudio168.jp\/blog\/wp-json\/wp\/v2\/posts\/6659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/engineering.webstudio168.jp\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/engineering.webstudio168.jp\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/engineering.webstudio168.jp\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/engineering.webstudio168.jp\/blog\/wp-json\/wp\/v2\/comments?post=6659"}],"version-history":[{"count":62,"href":"https:\/\/engineering.webstudio168.jp\/blog\/wp-json\/wp\/v2\/posts\/6659\/revisions"}],"predecessor-version":[{"id":7110,"href":"https:\/\/engineering.webstudio168.jp\/blog\/wp-json\/wp\/v2\/posts\/6659\/revisions\/7110"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/engineering.webstudio168.jp\/blog\/wp-json\/wp\/v2\/media\/6693"}],"wp:attachment":[{"href":"https:\/\/engineering.webstudio168.jp\/blog\/wp-json\/wp\/v2\/media?parent=6659"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/engineering.webstudio168.jp\/blog\/wp-json\/wp\/v2\/categories?post=6659"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/engineering.webstudio168.jp\/blog\/wp-json\/wp\/v2\/tags?post=6659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}