XOR 對稱加密副本副本 | 程式專案

{"id":61026,"student_id":1587,"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\\\" integrity=\\\"sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4\\\" crossorigin=\\\"anonymous\\\"\u003e\\n    \u003cscript src=\\\"https://code.jquery.com/jquery-3.3.1.slim.min.js\\\" integrity=\\\"sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo\\\" crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\n    \u003cscript src=\\\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js\\\" integrity=\\\"sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ\\\" crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\n    \u003cscript src=\\\"https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js\\\" integrity=\\\"sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm\\\" crossorigin=\\\"anonymous\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody class=\\\"py-4 px-5\\\"\u003e\\n    \u003ch3 class=\\\"text-center\\\"\u003e☃加密解密神器`U260\u003c/h3\u003e\\n    \u003cp class=\\\"text-center\\\"\u003e\\n    這真的超™強!!!\\n    \u003cbr\u003e\\n    XOR加密\\n    \u003c/p\u003e\\n    \u003cdiv class=\\\"form-group\\\"\u003e\\n        \u003ctextarea class=\\\"form-control js-text\\\" rows=\\\"8\\\" placeholder=\\\"要加密解密的訊息...\\\"\u003e\u003c/textarea\u003e\\n    \u003c/div\u003e\\n    \u003cdiv class=\\\"form-group\\\"\u003e\\n        \u003cinput class=\\\"form-control border-warning js-key\\\" placeholder=\\\"金鑰\\\"\u003e\\n    \u003c/div\u003e\\n    \u003cdiv class=\\\"text-center\\\"\u003e\\n        \u003cbutton class=\\\"btn btn-primary js-encrypto\\\"\u003e加密\u003c/button\u003e\\n        \u003cbutton class=\\\"btn btn-danger js-decrypto\\\"\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\":\"\\n// 加密文本\\n$(\\\".js-encrypto\\\").click(function () {\\n    var text = $('.js-text').val();//text是一個陣列\\n    var key = $('.js-key').val();//key也是一個陣列\\n    \\n    var code = \\\"\\\";\\n    \\n    \\n    for (var i=0; i\u003ctext.length; i++) {\\n        var a = text[i].charCodeAt();\\n        var b = key[i%key.length].charCodeAt();\\n        var c = a^b;//^就是XOR的符號\\n            \\n        code += c.toString(16) + \\\" \\\";\\n        \\n    }\\n    // console.log(code);\\n    $('.js-text').val(code.trim());\\n});\\n\\n// 解密文本\\n$(\\\".js-decrypto\\\").click(function () {\\n    var text = $('.js-text').val().split(\\\" \\\");\\n    var key = $('.js-key').val();\\n    \\n    var code = \\\"\\\";\\n    \\n    for (var i=0; i\u003ctext.length; i++) {\\n        var a = parseInt(text[i],16);//parseInt:把字串轉回數字\\n        var b = key[i%key.length].charCodeAt();\\n        var c = a^b;\\n        console.log(c);\\n        code += String.fromCharCode(c);\\n        console.log(code);\\n        // var b = key.fromCharCode(i%key.length);\\n        // var c = b^a;//^就是XOR的符號\\n        \\n        // code += c.toString(16) + \\\" \\\";\\n        \\n    }\\n    $('.js-text').val(code.trim());\\n    \\n});\"}","created_at":"2019-03-30T10:18:45.240+08:00","updated_at":"2019-11-10T07:20:56.741+08:00","name":"XOR 對稱加密 副本 副本","language":"web","screenshot":{"url":"https://cdn2.koding.school/uploads/project/screenshot/61026/ab9b181c7d61b8bd64abefb5e8eb3a9a.jpg"},"parent_id":33992,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":104,"hashid":"rdvszrgp","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}