{"id":62845,"student_id":1981,"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.3/css/bootstrap.min.css\\\"\u003e\\n \u003cscript src=\\\"https://code.jquery.com/jquery-3.4.0.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n \u003cdiv class=\\\"chatbox\\\"\u003e\\n \u003ch5 class=\\\"text-center\\\"\u003e艾莉莎\u003c/h5\u003e\\n \u003cdiv class=\\\"comments js-comment\\\"\u003e\\n \u003c/div\u003e\\n \u003cinput class=\\\"form-control js-input\\\" placeholder=\\\"說些什麼...\\\"\u003e\\n \u003c/div\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"body {\\n width: 100vw;\\n height: 100vh;\\n padding: 10px;\\n}\\n\\nh5 {\\n position: absolute;\\n top: 0;\\n width: 100%;\\n border-bottom: 2px solid #ddd;\\n padding-bottom: 10px;\\n color: #666;\\n background-color: #fff;\\n z-index: 1;\\n}\\n\\n.chatbox {\\n max-width: 550px;\\n height: calc(100vh - 20px);\\n margin: auto;\\n position: relative;\\n \\n}\\n\\n.chatbox input {\\n position: absolute;\\n bottom: 0;\\n}\\n\\n.comments {\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 100%;\\n padding: 50px 10px;\\n overflow-y: scroll;\\n \\n}\\n\\n@keyframes change {\\n from {\\n transform: scale(0);\\n opacity: 0;\\n }\\n to {\\n transform: scale(1);\\n opacity: 1;\\n }\\n}\\n\\n.comment span {\\n display: inline-block;\\n max-width: 75%;\\n padding: 8px;\\n font-size: .9rem;\\n animation: change .1s;\\n}\\n\\n.comment.comment-right {\\n text-align: right;\\n}\\n\\n.comment.comment-right span {\\n color: #fff;\\n background-color: rgb(59, 114, 241);\\n border-radius: 20px 20px 3px 20px;\\n}\\n\\n.comment.comment-left span {\\n color: #555;\\n background-color: rgb(230, 230, 230);\\n border-radius: 20px 20px 20px 3px;\\n}\",\"js\":\"var rules = [\\r\\n { \\r\\n Q:\\\"你叫甚麼名字\\\",\\r\\n A:\\\"可愛的叩叮\\\"\\r\\n },{ \\r\\n Q:\\\"你喜歡唱歌嗎?\\\",\\r\\n A:\\\"喜歡\\\"\\r\\n },{ \\r\\n Q:\\\"你喜歡復仇者哪個角色?\\\",\\r\\n A:[\\\"Iromman\\\",\\\"黑寡婦\\\",\\\"美國隊長\\\",\\\"蜘蛛人\\\",\\\"驚奇隊長\\\"]\\r\\n },{ \\r\\n Q:\\\"(.*)復仇者(.*)|(.*)復仇者\\\",\\r\\n A:[\\\"不要暴雷喔!\\\",\\\"還好我看完了\u003e///\u003c\\\",\\\"暴雷爽一時,全家火葬場\\\"]\\r\\n }\\r\\n];\\r\\n\\r\\n\\r\\n\\r\\nfunction talk (s) {\\r\\n for(var i=0;i\u003crules.length;i++){ \\r\\n var Q=rules[i].Q;//宣告Q儲存使用者回答\\r\\n var A=rules[i].A;\\r\\n var result=RegExp(Q).exec(s);\\r\\n \\r\\n if(result){\\r\\n var rand=Math.floor(Math.random()*A.length);\\r\\n A=A[rand];\\r\\n return A;\\r\\n }\\r\\n }\\r\\n return '我聽不太懂你說的意思';\\r\\n \\r\\n // if(rules[0].Q==s){ \\r\\n // return rules[0].A;\\r\\n // }else if(rules[1].Q==s){\\r\\n // return rules[1].A;\\r\\n // }else{ \\r\\n // return '我聽不太懂你說的意思';\\r\\n // }\\r\\n \\r\\n}\"}","created_at":"2019-04-19T23:18:25.261+08:00","updated_at":"2020-07-04T14:03:48.648+08:00","name":"Eliza 機器人 副本","language":"web","screenshot":{"url":"https://cdn6.koding.school/uploads/project/screenshot/62845/35ab09aa2d59fed525e0a584bb20c188.jpg"},"parent_id":62749,"plugin":"$('body').append('\u003cimg src=\"spin.svg\" style=\"display: none;\"/\u003e'); // cache\nvar input = $('.js-input');\nvar comment = $('.js-comment');\n\n$(input).on('keydown', function (e) {\n if (e.keyCode === 13) {\n input.attr('disabled', true);\n var q = input.val();\n addComment(q, 'right');\n var el = addComment('\u003cimg src=\"spin.svg\"/\u003e', 'left');\n setTimeout(function () {\n el.remove();\n addComment(talk(q), 'left');\n input.attr('disabled', false);\n input[0].focus();\n }, 500 + Math.random()*1000);\n input.value = '';\n input.val('');\n }\n});\n\nfunction addComment (text, who) {\n var html = `\u003cp class=\"comment comment-${who}\"\u003e\u003cspan\u003e${text}\u003c/span\u003e\u003c/p\u003e`;\n var el = $(html);\n comment.append(el);\n comment[0].scrollTop = comment[0].scrollHeight;\n return el;\n}","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":64,"hashid":"wdks3kgj","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}
[{"id":1103503,"file_name":"spin.svg","project_id":62845,"asset_id":115009,"created_at":"2019-04-19T23:18:25.267+08:00","updated_at":"2019-04-19T23:18:25.267+08:00"}]
橘蘋學習平台
橘蘋學習平台
我的作品
檢視專案頁
匯出
複製
匯入
刪除
下載 Android APP (APK)
截圖
前往網站頁面
1:1:1
1:1
full
用手機掃描下方 QRCode 進行安裝
或您也可以
下載 APK
到這台電腦
用手機掃描下方 QRCode 進行安裝
或您也可以
下載 APK
到這台電腦