else if (queNum.indexOf(ansNum[i])!=-1){blow += 1;}<\/span><\/div>\n\u305d\u3057\u3066\u30b3\u30c3\u30c1\u3067\u30d6\u30ed\u30fc\u306e\u5224\u5b9a\u3092\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n
\u3053\u3053\u304b\u3089\u306f\u3001\u5224\u5b9a\u5f8c\u306e\u8868\u793a\u3092\u3002
<\/span><\/p>\nlet str = ansNum[0]+ansNum[1]+ansNum[2]+ansNum[3];<\/span>
let result = document.createElement(“div”);<\/span>
result.innerText = turn + “\u56de\u76ee\u306e\u30c1\u30e3\u30ec\u30f3\u30b8[ ” + str + ” ]\u3000” + hit + ” HIT \/ ” + blow + ” BLOW”;<\/span>
field.appendChild(result);<\/span><\/div>\n\u3053\u3053\u304b\u3089\u304c\u3001\u30b2\u30fc\u30e0\u30af\u30ea\u30a2\u306e\u8868\u793a\u3067\u3059\u306d\u3002
<\/span><\/p>\nif (hit==4){<\/span>
\u3000\u3000window.alert(“\u304a\u3081\u3067\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002\\n” + turn + “\u56de\u76ee\u3067\u6b63\u89e3\u3057\u307e\u3057\u305f\u3002”);<\/span>
\u3000\u3000document.getElementById(“startBtn”).style.visibility = “visible”;<\/span>
\u3000\u3000field.innerText = “”;<\/span>
\u3000\u3000ansNum = [“”, “”, “”, “”];<\/span>
\u3000\u3000disNum.innerText = ansNum[0]+ansNum[1]+ansNum[2]+ansNum[3];<\/span>
\u3000\u3000document.removeEventListener(“keydown”, keyPush);<\/span>
}<\/span><\/div>\n\u307e\u3060\u30af\u30ea\u30a2\u3067\u306a\u3044\u3068\u304d\u306f\u3001\u3053\u3053\u3067\u56de\u6570\u3092\uff0b1\u3001\u6570\u5b57\u9078\u629e\u3092\u30ea\u30bb\u30c3\u30c8\u3057\u3066\u518d\u3073\u30ad\u30fc\u30a4\u30d9\u30f3\u30c8\u3092\u5f85\u3061\u307e\u3059\u3002
<\/span><\/p>\nelse{<\/span>
\u3000\u3000turn += 1;<\/span>
\u3000\u3000ansNum = [“*”,”*”,”*”,”*”];<\/span>
\u3000\u3000disNum.innerText = ansNum[0]+ansNum[1]+ansNum[2]+ansNum[3];<\/span>
\u3000\u3000return;<\/span>
}<\/span><\/div>\n\u6700\u5f8c\u306b\u5168\u30b3\u30fc\u30c9\u3092\u307e\u3068\u3081\u3066\u63b2\u8f09\u3057\u3066\u304d\u307e\u3059\u3002<\/p>\n\n\n
<!DOCTYPE html>\n<html lang="ja">\n<head>\n <meta charset="UTF-8">\n <meta http-equiv="X-UA-Compatible" content="IE=edge">\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\n <title>Hit & Blow<\/title>\n<style>\n #choiceNumber{\n font-size:60px;\n width:300px;\n height:80px;\n background-color:lavender;\n text-align:center;\n border:solid 3px blueviolet; }\n #field{\n background-color:burlywood;\n font-size:20px; }\n<\/style>\n<\/head>\n<body>\n <div style="font-size:40px; color:blue;">\n Hit & Blow !\n <button id="startBtn" onclick="newGame()">START<\/button>\n <\/div>\n <div id="choiceNumber"><\/div>\n <div>\u6c7a\u5b9a\uff1aENTER \/ \u30af\u30ea\u30a2\uff1aDEL<\/div>\n <div id="enter"><\/div>\n <div id="field"><\/div>\n<script>\n let arrayChoice = ["0","1","2","3","4","5","6","7","8","9","Delete","Enter"];\n for (let i=0; i<12; i++){\t\t\t\t\t\t\t\t\n let newBtn = document.createElement("button");\t\t\n newBtn.textContent = arrayChoice[i];\t\t\t\t\n newBtn.onclick = btnClick;\t\t\t\t\t\t\t\n enter.appendChild(newBtn);\t\t}\n\n let ansNum = [], queNum = [], disNum = [], turn, hit, blow;\n\n function newGame(){\n ansNum = ["*","*","*","*"];\n turn = 1;\n disNum = document.getElementById("choiceNumber");\n disNum.innerText = ansNum[0]+ansNum[1]+ansNum[2]+ansNum[3];\n document.getElementById("startBtn").style.visibility = "hidden";\n document.addEventListener("keydown", keyPush);\n selectNumber(); }\n\n function selectNumber(){\n do{\n let numList = ["0","1","2","3","4","5","6","7","8","9"];\n for(let i=0; i<4; i++){\n let ran = Math.floor(Math.random()*numList.length);\n queNum[i] = numList[ran];\n numList.splice(ran,1);\n }\n }while(queNum[0]==0);\n console.log(queNum); }\n\n function keyPush(e){\n if (e.key=="Enter"){judge();}\n if (e.key=="Delete" || e.key==" "){\n ansNum = ["*","*","*","*"];\n disNum.innerText = ansNum[0]+ansNum[1]+ansNum[2]+ansNum[3];\n return; }\n if (Number.isInteger(Number(e.key))==false){return;}\n if (ansNum.indexOf("*")!=-1){\n ansNum[ansNum.indexOf("*")] = e.key;\n disNum.innerText = ansNum[0]+ansNum[1]+ansNum[2]+ansNum[3]; } }\n\n function btnClick(e){\n let pushNum = e.target.textContent;\n if (pushNum=="Enter"){judge();}\n if (pushNum=="Delete" || pushNum==" "){\n ansNum = ["*","*","*","*"];\n disNum.innerText = ansNum[0]+ansNum[1]+ansNum[2]+ansNum[3];\n return; }\n if (Number.isInteger(Number(pushNum))==false){return;}\n if (ansNum.indexOf("*")!=-1){\n ansNum[ansNum.indexOf("*")] = pushNum;\n disNum.innerText = ansNum[0]+ansNum[1]+ansNum[2]+ansNum[3]; } }\n\n function judge(){\n if (ansNum[3]=="*"){return;}\n hit = 0;\n blow = 0;\n for (let i=0; i<4; i++){\n if (ansNum[i]==queNum[i]){hit += 1;}\n else if (queNum.indexOf(ansNum[i])!=-1){blow += 1;} }\n let str = ansNum[0]+ansNum[1]+ansNum[2]+ansNum[3];\n let result = document.createElement("div");\n result.innerText = turn + "\u56de\u76ee\u306e\u30c1\u30e3\u30ec\u30f3\u30b8[ " + str + " ]\u3000" + hit + " HIT \/ " + blow + " BLOW";\n field.appendChild(result);\n if (hit==4){\n window.alert("\u304a\u3081\u3067\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002\\n" + turn + "\u56de\u76ee\u3067\u6b63\u89e3\u3057\u307e\u3057\u305f\u3002");\n document.getElementById("startBtn").style.visibility = "visible";\n field.innerText = "";\n ansNum = ["", "", "", ""];\n disNum.innerText = ansNum[0]+ansNum[1]+ansNum[2]+ansNum[3];\n document.removeEventListener("keydown", keyPush); }\n else{\n turn += 1;\n ansNum = ["*","*","*","*"];\n disNum.innerText = ansNum[0]+ansNum[1]+ansNum[2]+ansNum[3];\n return; } }\n<\/script>\n<\/body>\n<\/html><\/code><\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"\u300cHit & Blow\u300d\u3092\u30d7\u30ec\u30a4\u3057\u3066\u307f\u308b\u3002 \u307e\u305a\u4eca\u56de\u306e\u52d5\u753b\u3067\u5236\u4f5c\u3057\u305f\u300cHit & Blow\u300d\u3092\u30d7\u30ec\u30a4\u3057\u3066\u307f\u3088\u3046\u3068\u3044\u3046\u65b9\u306f\u3001\u30b3\u30c1\u30e9\u304b\u3089\u3069\u3046\u305e\u3002 \u30b9\u30de\u30db\u3067\u306e\u30d7\u30ec\u30a4\u306b\u5bfe\u5fdc\u3059\u308b\u305f\u3081\u306e\u30b3\u30fc\u30c9\u3092\u8ffd […]<\/p>\n","protected":false},"author":1,"featured_media":11697,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[350,340],"tags":[],"class_list":["post-11501","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","category-programming"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/kusakarism.info\/index.php?rest_route=\/wp\/v2\/posts\/11501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kusakarism.info\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kusakarism.info\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kusakarism.info\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kusakarism.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11501"}],"version-history":[{"count":12,"href":"https:\/\/kusakarism.info\/index.php?rest_route=\/wp\/v2\/posts\/11501\/revisions"}],"predecessor-version":[{"id":11698,"href":"https:\/\/kusakarism.info\/index.php?rest_route=\/wp\/v2\/posts\/11501\/revisions\/11698"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kusakarism.info\/index.php?rest_route=\/wp\/v2\/media\/11697"}],"wp:attachment":[{"href":"https:\/\/kusakarism.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11501"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kusakarism.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=11501"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kusakarism.info\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=11501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}