{"id":12191,"date":"2020-11-13T00:00:00","date_gmt":"2020-11-12T16:00:00","guid":{"rendered":"https:\/\/fgchen.com\/wpedu2\/2020\/11\/13\/javascript-%e9%9a%a8%e6%a9%9f%e9%81%b8%e5%8f%96%e4%b8%80%e5%bc%b5%e6%92%b2%e5%85%8b%e7%89%8c\/"},"modified":"2026-03-30T14:40:19","modified_gmt":"2026-03-30T06:40:19","slug":"javascript-%e9%9a%a8%e6%a9%9f%e9%81%b8%e5%8f%96%e4%b8%80%e5%bc%b5%e6%92%b2%e5%85%8b%e7%89%8c","status":"publish","type":"post","link":"https:\/\/fgchen.com\/wpedu\/2020\/11\/javascript-%e9%9a%a8%e6%a9%9f%e9%81%b8%e5%8f%96%e4%b8%80%e5%bc%b5%e6%92%b2%e5%85%8b%e7%89%8c\/","title":{"rendered":"\u3010JavaScript\u3011\u96a8\u6a5f\u9078\u53d6\u4e00\u5f35\u64b2\u514b\u724c"},"content":{"rendered":"

\u9019\u500b\u7bc4\u4f8b\u4e3b\u8981\u662f\u793a\u7bc4\u5982\u4f55\u7528\u96a8\u6a5f\u6578\u53d6\u503c\uff0c\u96a8\u6a5f\u5b58\u53d6\u4e00\u5f35\u64b2\u514b\u724c\u3002
\u4e4b\u5f8c\u5ef6\u4f38\u61c9\u7528\u53ef\u4ee5\u96a8\u6a5f\u62bd5\u5f35\u724c\u300113\u5f35\u724c\uff0c\u6216\u8005\u505a\u4e00\u500b\u8986\u84cb\u5728\u684c\u9762\u768416\u5f35\u724c(\u4e8c\u4e8c\u914d\u5c0d\u3001\u96a8\u6a5f\u653e\u572816\u500b\u4e8c\u7dad\u7684\u683c\u5b50\u4e0a\uff0c\u4f7f\u7528\u8005\u96a8\u6a5f\u7ffb\u724c\uff0c\u82e5\u9023\u7e8c\u7ffb\u52302\u5f35\u82b1\u8272\u4e00\u6a23\u7684\uff0c\u5f97\u5206\u2026)\u3002
\u9019\u500b\u7bc4\u4f8b\u4e5f\u80fd\u61c9\u7528\u5230\u7c64\u8a69\u7684\u9078\u53d6\uff0c\u4f8b\u5982\u6885\u82b1\u5fc3\u6613\uff0c
\"\"<\/a><\/p>\n

\u4e0b\u8f09\u4e00\u7d44\u64b2\u514b\u724c\u5716\u7247\uff1ahttp:\/\/acbl.mybigcommerce.com\/52-playing-cards\/<\/a>
\u89e3\u958b\u653e\u5728images\u76ee\u9304\u4e0b
index.html<\/p>\n

<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Document<\/title>\n  <style>\n    body{\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n    img {\n      width: 300px;\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();\">\u53d6\u5361<\/button>\n  <script>\n    function selectCard(){\n      var cards1 = [\"\", \"A\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"10\", \"J\", \"Q\", \"K\"];\n      var card_n1 = cards1 [getRandom(1,14)];\n      var cards2 = [\"D\", \"H\", \"S\", \"C\"];\n      var card_n2 = getRandom(0,4);\n      var card = card_n1 + cards2[card_n2];\n      console.log( card  );\n      var card_div = document.getElementById(\"card\");\n      card_div.innerHTML =  `<img src='images\/${card}.png' alt='Playing Card'>`;\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
\u4ee5\u4e0a\u7a0b\u5f0f\u53d6\u4e82\u6578\u662f\u57fa\u65bc\u5f9e\u4e0b\u8f09\u8cc7\u6e90\u4e0b\u8f09\u4e0b\u4f86\u7684\u64b2\u514b\u724c\u6a94\u540d\u5b89\u6392\uff1aAD\u30012D~10D\u3001JD\u3001QD\u3001KD \u65b9\u584aA~K\uff0c\u524d\u9762\u7684\u662fA~K\uff0c\u5f8c\u9762\u662f\u82b1\u8272 \uff1aD \u65b9\u584a\u3001H\u7d05\u5fc3\u3001S\u9ed1\u6843\u3001C\u6885\u82b1
\u93df\u5b50(Spade)\u3001\u7d05\u5fc3(Heart)\u3001\u947d\u77f3(Diamond)\u3001\u4e09\u8449\u8349(Club)\u3001Jack(\u4f8d\u5f9e)\u3001Queen(\u738b\u540e)\u3001King(\u570b\u738b)\u3001Ace(\u7b2c\u4e00)<\/p>\n\n","protected":false},"excerpt":{"rendered":"
\u9019\u500b\u7bc4\u4f8b\u4e3b\u8981\u662f\u793a\u7bc4\u5982\u4f55\u7528\u96a8\u6a5f\u6578\u53d6\u503c\uff0c\u96a8\u6a5f\u5b58\u53d6\u4e00\u5f35\u64b2\u514b\u724c\u3002\u4e4b\u5f8c\u5ef6\u4f38\u61c9\u7528\u53ef\u4ee5\u96a8\u6a5f\u62bd5 … <\/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-12191","post","type-post","status-publish","format-standard","hentry","category-266"],"_links":{"self":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/12191","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=12191"}],"version-history":[{"count":2,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/12191\/revisions"}],"predecessor-version":[{"id":14298,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/posts\/12191\/revisions\/14298"}],"wp:attachment":[{"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/media?parent=12191"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/categories?post=12191"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fgchen.com\/wpedu\/wp-json\/wp\/v2\/tags?post=12191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}