{"id":1152,"date":"2020-04-10T12:11:05","date_gmt":"2020-04-10T03:11:05","guid":{"rendered":"https:\/\/takaya-com.jp\/archives\/?p=1152"},"modified":"2020-04-16T16:19:37","modified_gmt":"2020-04-16T07:19:37","slug":"%e3%80%90javascript%e3%80%91%e3%81%a9%e3%81%93%e3%81%a7%e3%82%82bingo%e5%a4%a7%e4%bc%9a%ef%bc%81","status":"publish","type":"post","link":"https:\/\/takaya-com.jp\/archives\/2020\/04\/%e3%80%90javascript%e3%80%91%e3%81%a9%e3%81%93%e3%81%a7%e3%82%82bingo%e5%a4%a7%e4%bc%9a%ef%bc%81\/","title":{"rendered":"\u3010javascript\u3011\u3069\u3053\u3067\u3082BINGO\u5927\u4f1a\uff01"},"content":{"rendered":"<p>\u304a\u6b63\u6708\u3084\u304a\u76c6\u306b\u89aa\u621a\u3084\u53cb\u4eba\u3001\u305d\u306e\u5bb6\u65cf\u305f\u3061\u3068\u306e\u96c6\u307e\u308a\u304c\u3042\u308a\u307e\u3059\u3088\u306d\uff1f<br \/>\n\u98df\u4e8b\u3084\u4f1a\u8a71\u3092\u697d\u3057\u3093\u3060\u5f8c\u5c11\u3057\u5b50\u3069\u3082\u305f\u3061\u304c\u9000\u5c48\u305d\u3046\u306b\u30fb\u30fb\u30fb\u3002<br \/>\n\u305d\u3093\u306a\u6642\u306b\u3061\u3087\u3063\u3068\u3057\u305f\u30d7\u30ec\u30bc\u30f3\u30c8\u3092\u7528\u610f\u3057\u3066\u3001\u7c21\u5358\u306a<strong>\u30d3\u30f3\u30b4\u5927\u4f1a<\/strong>\u306a\u3093\u3066\u3069\u3046\u3067\u3057\u3087\u3046\uff1f<br \/>\n\u30c7\u30e2\u306e\u51fa\u3066\u304f\u308b\u6570\u5b57\u306f\uff11\uff5e\uff18\uff10\u306e\u9593\u3067\u3059\u306e\u3067\u304a\u597d\u307f\u3042\u308f\u305b\u3066\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3059\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u306d\uff01<\/p>\n<p><!--more--><\/p>\n<p>\u2193\u4ee5\u4e0b\u304c\u5b9f\u969b\u306e\u30bd\u30fc\u30b9\u30b5\u30f3\u30d7\u30eb\u3067\u3059\u3002<\/p>\n<p>\u25bchtml<\/p>\n<pre class=\"lang:xhtml decode:true \" title=\"XHTML\">\r\n&lt;body&gt;\r\n    &lt;span id=\"sai\"&gt;?&lt;\/span&gt;\r\n    &lt;form&gt;\r\n        &lt;div id=\"button\"&gt;\r\n        &lt;input type=\"button\" value=\" BINGO\uff01\" onclick=\"bingoNo()\"&gt;\r\n        &lt;\/div&gt;\r\n    &lt;\/form&gt;\r\n    &lt;div id=\"promptNo\"&gt;&lt;\/div&gt;\r\n&lt;\/body&gt;\r\n<\/pre>\n<p>\u25bccss \u30dc\u30bf\u30f3\u3084\u6587\u5b57\u306e\u5927\u304d\u3055\u3084\u8272\u306f\u304a\u597d\u307f\u3067\uff01<\/p>\n<pre class=\"lang:xhtml decode:true \" title=\"XHTML\">\r\nbody {\r\n  font-family: Arial, sans-serif;\r\n  text-align: center;\r\n  font-size: 16px;\r\n}\r\n\r\n#sai {\r\n  font-size: 200px;\r\n}\r\n\r\n#promptNo {\r\n  font-size: 3rem;\r\n}\r\n#button {\r\n  margin: 0 auto;\r\n  margin-bottom: 2em;\r\n}\r\n\r\ninput {\r\n  font-size: 24px;\r\n  padding: 0.2em;\r\n  text-decoration: none;\r\n  border-radius: 4px;\r\n  color: #ffffff;\r\n  background-image: linear-gradient(#6795fd 0%, #67ceff 100%);\r\n  box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.29);\r\n  border-bottom: solid 0.05em #5e7fca;\r\n  border-radius: 0.2em;\r\n}\r\ninput:active{\r\n  transform: translateY(3px);\r\n  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);\r\n  border-bottom: none;\r\n  border-radius: 0.2em;\r\n}\r\n<\/pre>\n<p>\u25bcJavaScript<\/p>\n<pre class=\"lang:xhtml decode:true \" title=\"XHTML\">\r\nvar promptNo  = \"\";\r\n\/\/ \u91cd\u8907\u30c1\u30a7\u30c3\u30af\u7528\u914d\u5217\r\nvar randoms = [];\r\n\/\/ \u6700\u5c0f\u5024\u3068\u6700\u5927\u5024\r\nvar min = 1, max = 80;\r\n\r\nfunction bingoNo(){\r\n\r\n    \/\/ \u91cd\u8907\u30c1\u30a7\u30c3\u30af\u3057\u306a\u304c\u3089\u4e71\u6570\u4f5c\u6210\r\n    do {\r\n    var hitNo = intRandom(min, max);\r\n\r\n        if(randoms.length >= max) {\r\n        document.getElementById(\"sai\").innerHTML = \"End!\";\r\n        return;\r\n        }\r\n\r\n    } while(randoms.includes(hitNo))\r\n\r\n        randoms.push(hitNo);\r\n        var displayNo = hitNo;\r\n        if (promptNo === \"\") {\r\n        promptNo = hitNo;\r\n\r\n    } else {\r\n\r\n        promptNo = promptNo + \" | \" + hitNo;\r\n\r\n    }\r\n\r\n    \/\/ min\u4ee5\u4e0amax\u4ee5\u4e0b\u306e\u6574\u6570\u5024\u306e\u4e71\u6570\u3092\u8fd4\u3059\r\n    function intRandom(min, max){\r\n        return Math.floor( Math.random() * (max - min + 1)) + min;\r\n    }\r\n\r\n    \/\/ html\u306b\u66f8\u304d\u8fbc\u307f\r\n    document.getElementById(\"sai\").innerHTML = displayNo;\r\n    document.getElementById(\"promptNo\").innerHTML = promptNo;\r\n\r\n}\r\n<\/pre>\n<p>\u4eca\u56de\u306e\u8a18\u4e8b\u3084\u30c7\u30e2\u30da\u30fc\u30b8\u4f5c\u6210\u306b\u3042\u305f\u308a<br \/>\n<a href=\"https:\/\/pisuke-code.com\/js-create-non-overlap-randoms\/\" target=\"_blank\" rel=\"noopener noreferrer\">JavaScript\u3067\u91cd\u8907\u306a\u3057\u306e\u4e71\u6570\u3092\u4f5c\u308b\u4e00\u756a\u7c21\u5358\u306a\u65b9\u6cd5<\/a>\u306e\u30da\u30fc\u30b8\u3092\u53c2\u8003\u306b\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002<br \/>\n\u3068\u3066\u3082\u52c9\u5f37\u306b\u306a\u308a\u307e\u3057\u305f\uff01<\/p>\n<p><a href=\"http:\/\/www.takaya-com.jp\/archives\/demo\/bingo\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u30c7\u30e2\u30da\u30fc\u30b8\u306f\u3001\u3053\u3061\u3089<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u304a\u6b63\u6708\u3084\u304a\u76c6\u306b\u89aa\u621a\u3084\u53cb\u4eba\u3001\u305d\u306e\u5bb6\u65cf\u305f\u3061\u3068\u306e\u96c6\u307e\u308a\u304c\u3042\u308a\u307e\u3059\u3088\u306d\uff1f \u98df\u4e8b\u3084\u4f1a\u8a71\u3092\u697d\u3057\u3093\u3060\u5f8c\u5c11\u3057\u5b50\u3069\u3082\u305f\u3061\u304c\u9000\u5c48\u305d\u3046\u306b\u30fb\u30fb\u30fb\u3002 \u305d\u3093\u306a\u6642\u306b\u3061\u3087\u3063\u3068\u3057\u305f\u30d7\u30ec\u30bc\u30f3\u30c8\u3092\u7528\u610f\u3057\u3066\u3001\u7c21\u5358\u306a\u30d3\u30f3\u30b4\u5927\u4f1a\u306a\u3093\u3066\u3069\u3046\u3067\u3057\u3087\u3046\uff1f \u30c7\u30e2\u306e\u51fa\u3066\u304f\u308b [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/1152"}],"collection":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/comments?post=1152"}],"version-history":[{"count":9,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/1152\/revisions"}],"predecessor-version":[{"id":1191,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/1152\/revisions\/1191"}],"wp:attachment":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/media?parent=1152"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/categories?post=1152"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/tags?post=1152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}