凱薩密碼 - 開始後用滑鼠點擊舞台以啟用按鍵，重整畫面即可重新遊戲。 | 程式專案

{"id":180468,"student_id":2589,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n    \u003ctitle\u003eDocument\u003c/title\u003e\\n    \u003clink rel=\\\"stylesheet\\\" href=\\\"https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css\\\"\u003e\\n    \u003cscript src=\\\"https://code.jquery.com/jquery-3.3.1.slim.min.js\\\"\u003e\u003c/script\u003e\\n    \u003cscript src=\\\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js\\\"\u003e\u003c/script\u003e\\n    \u003cscript src=\\\"https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody class=\\\"py-4 px-5\\\"\u003e\\n    \u003ch3 class=\\\"text-center\\\"\u003e凱薩密碼\u003c/h3\u003e\\n    \u003cdiv class=\\\"form-group\\\"\u003e\\n        \u003ctextarea class=\\\"form-control js-text\\\" rows=\\\"8\\\" placeholder=\\\"要加密解密的訊息...\\\"\u003e\\nI have a orange, I have a apple\\nuh! orangeapple!\\n        \u003c/textarea\u003e\\n    \u003c/div\u003e\\n    \u003cdiv class=\\\"form-group\\\"\u003e\\n        \u003cinput class=\\\"form-control js-offset\\\" type=\\\"number\\\" placeholder=\\\"位移\\\" value=\\\"0\\\"\u003e\\n    \u003c/div\u003e\\n    \u003cdiv class=\\\"text-center\\\"\u003e\\n        \u003cbutton class=\\\"btn btn-warning js-encrypt\\\"\u003e加密\u003c/button\u003e\\n        \u003cbutton class=\\\"btn btn-danger js-decrypt\\\"\u003e解密\u003c/button\u003e\\n    \u003c/div\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"body {\\n    background-color: #222;\\n    background-image: url('dust.png');\\n}\",\"js\":\"\"}","created_at":"2020-08-13T18:24:07.114+08:00","updated_at":"2023-03-14T11:18:17.793+08:00","name":"凱薩密碼 - 開始後用滑鼠點擊舞台以啟用按鍵，重整畫面即可重新遊戲。","language":"web","screenshot":{"url":null},"parent_id":3,"plugin":"// a-z 字母\nvar alphabet = 'abcdefghijklmnopqrstuvwxyz';\n\n//當「加密」按鈕被點擊就執行 encrypt 函式\n$('.js-encrypt').click(encrypt);\n\n//當「解密」按鈕被點擊就執行 decrypt 函式\n$('.js-decrypt').click(decrypt); \n\n//加密\nfunction encrypt () {\n    \n    var text = $('.js-text').val();\n    var offset = $('.js-offset').val();\n    offset = parseInt(offset);\n\n    var code = '';\n    for (var i=0; i\u003ctext.length; i++) {\n        var idx = alphabet.indexOf(text[i]);\n        if (idx != -1) {\n            idx = (idx + offset)%26;\n            code += alphabet[idx];\n        } else {\n            code += text[i];\n        }\n    }\n\n    $('.js-text').val(code);\n}\n\n//解密\nfunction decrypt () {\n    \n    var text = $('.js-text').val();\n    var offset = $('.js-offset').val();\n    offset = parseInt(offset);\n    \n    var code = '';\n    for (var i=0; i\u003ctext.length; i++) {\n        var idx = alphabet.indexOf(text[i]);\n        if (idx != -1) {\n            idx = (idx - offset + 26)%26;\n            code += alphabet[idx];\n        } else {\n            code += text[i];\n        }\n    }\n\n    $('.js-text').val(code);\n}","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":68,"hashid":"meys3kvj","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}