{"id":12229,"date":"2021-03-10T00:00:00","date_gmt":"2021-03-09T16:00:00","guid":{"rendered":"https:\/\/fgchen.com\/wpedu2\/2021\/03\/10\/%e3%80%90javascript%e3%80%91%e6%92%b2%e5%85%8b%e7%89%8c%e7%99%bc%e7%89%8c13%e5%bc%b5%e7%af%84%e4%be%8b\/"},"modified":"2026-03-30T14:38:35","modified_gmt":"2026-03-30T06:38:35","slug":"%e3%80%90javascript%e3%80%91%e6%92%b2%e5%85%8b%e7%89%8c%e7%99%bc%e7%89%8c13%e5%bc%b5%e7%af%84%e4%be%8b","status":"publish","type":"post","link":"https:\/\/fgchen.com\/wpedu\/2021\/03\/%e3%80%90javascript%e3%80%91%e6%92%b2%e5%85%8b%e7%89%8c%e7%99%bc%e7%89%8c13%e5%bc%b5%e7%af%84%e4%be%8b\/","title":{"rendered":"\u3010JavaScript\u3011\u64b2\u514b\u724c\u767c\u724c13\u5f35\u7bc4\u4f8b"},"content":{"rendered":"\u7e7c\u4e0a\u6b21\u7684\u62bd\u724c\u7a0b\u5f0f<\/a>\u5f8c\uff0c\u6211\u5011\u518d\u4f86\u73a9\u4e00\u500b\u904a\u6232\uff0c\u767c13\u5f35\u724c\uff1a<\/span>\n\n\"\"<\/a>\n\n\u7a0b\u5f0f\u7684\u4f5c\u6cd5\uff1a<\/span>\n\n
    \n
  1. \u5148\u653e52\u5f35\u724c\u5728\u4e00\u500b\u724c\u6c60\u88cf (allCards\u9663\u5217)<\/li>\n
  2. \u6bcf\u6b21\u5f9e\u724c\u6c60\u62bd\u4e00\u5f35\u724c (\u53d6\u96a8\u6a5f\u6578\uff0c\u7b2c1\u6b211~52\uff0c\u7b2c2\u6b21 1~51\uff0c\u4e5f\u5c31\u662f\u6bcf\u6b21\u62bd\u724c\u5f8c\uff0c\u724c\u6c60\u5c31\u5c11\u4e00\u5f35\u724c)<\/li>\n
  3. \u5c07\u62bd\u5230\u7684\u724c\u653e\u5230\u904a\u6232\u8005\u7684\u724c\u6c60\u4e2d playOne\u9663\u5217<\/li>\n<\/ol>\n\n\u5b8c\u6574\u7a0b\u5f0f\u78bc\uff1a<\/span>\n\n
    <!DOCTYPE html>\n<html lang=\"en\">\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>Playing Card<\/title>\n  <style>\n    body{\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n    img {\n      width: 100px;\n    }\n    .button{\n      border-radius: 20px;\n      outline: none;\n      margin: 10px auto;\n      font-size: 40px;\n    }\n  <\/style>  \n<\/head>\n<body>\n  <div id=\"card\">\n    <img src=\"imagesblue_back.png\">\n  <\/div>\n  <button class=\"font button\" onclick=\"selectCard();\">\u767c\u724c<\/button>  \n  <script>\n    function selectCard(){\n      var playerOne = [];\n      var allCards = [\"\",\n          \"AC\", \"2C\", \"3C\", \"4C\", \"5C\", \"6C\", \"7C\", \"8C\", \"9C\", \"10C\", \"JC\", \"QC\", \"KC\",\n          \"AD\", \"2D\", \"3D\", \"4D\", \"5D\", \"6D\", \"7D\", \"8D\", \"9D\", \"10D\", \"JD\", \"QD\", \"KD\",\n          \"AH\", \"2H\", \"3H\", \"4H\", \"5H\", \"6H\", \"7H\", \"8H\", \"9H\", \"10H\", \"JH\", \"QH\", \"KH\",\n          \"AS\", \"2S\", \"3S\", \"4S\", \"5S\", \"6S\", \"7S\", \"8S\", \"9S\", \"10S\", \"JS\", \"QS\", \"KS\"\n      ];\n      var cardImages=\"\";\n      for (var i = 1; i <= 13; i++){\n        var selectedCard = getRandom(1,54-i); \/\/\u7576i=1\u6642\uff0c\u96a8\u6a5f\u6578\u4ecb\u65bc1~52\u9593\uff0ci=2\u6642\uff0c\u96a8\u6a5f\u6578\u4ecb\u65bc1~51\u9593\n        var card = allCards [selectedCard];\n        allCards.splice(selectedCard, 1);\n        playerOne.push(card);\n        cardImages += `<img src='images\/${card}.png' alt='Playing Card'>`;\n        console.log(allCards);\n        console.log(playOne);\n      }\n      var card_div = document.getElementById(\"card\");\n      card_div.innerHTML =  cardImages;\n\n    }\n\n    function getRandom(min, max) { \/\/  min <= x < max, x\u662f\u6574\u6578\u4e82\u6578\n      return Math.floor(Math.random() * (max - min) ) + min;\n    }\n  <\/script>  \n<\/body>\n<\/html><\/pre>\n\n\u5f8c\u9762\u7684\u8ab2\u984c\uff1a\n\n
      \n    
    1. \u8cf8\u4e0b\u4e09\u500b\u73a9\u5bb6\u7684\u724c(\u9019\u5f88\u7c21\u55ae\uff0c\u53ea\u8981\u91cd\u8986\u7a0b\u5f0f\u88cf\u7684\u767c13\u5f35\u724c\u8ff4\u57083\u6b21)<\/li>\n    
    2. \u628a\u767c\u597d\u7684\u724c\u986f\u793a\u5728\u756b\u9762\u4e0a\uff0c\u73a9\u5bb61\u7684\u724c\u5728\u6b63\u4e0a\u65b9\uff0c\u73a9\u5bb62\u7684\u724c\u5728\u53f3\u908a\uff0c\u73a9\u5bb63\u7684\u724c\u5728\u6b63\u4e0b\u65b9\uff0c\u73a9\u5bb64\u7684\u724c\u5728\u5de6\u908a\uff0c\u73a9\u5bb62\u82073\u7684\u724c\u9700\u8981\u9032\u884c90\u5ea6\u7684\u65cb\u8f49\u3002<\/li>\n<\/ol>\n\n ","protected":false},"excerpt":{"rendered":"
      \u7e7c\u4e0a\u6b21\u7684\u62bd\u724c\u7a0b\u5f0f\u5f8c\uff0c\u6211\u5011\u518d\u4f86\u73a9\u4e00\u500b\u904a\u6232\uff0c\u767c13\u5f35\u724c\uff1a \u7a0b\u5f0f\u7684\u4f5c\u6cd5\uff1a \u5148\u653e52\u5f35\u724c … <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[266],"tags":[],"class_list":["post-12229","post","type-post","status-publish","format-standard","hentry","category-266"],"_links":{"self":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/12229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/comments?post=12229"}],"version-history":[{"count":1,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/12229\/revisions"}],"predecessor-version":[{"id":13524,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/12229\/revisions\/13524"}],"wp:attachment":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/media?parent=12229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/categories?post=12229"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/tags?post=12229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}