Eliza 副本 | 程式專案 | 橘蘋學習平台

{"id":62714,"student_id":1440,"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.2.1.min.js\\\"\u003e\u003c/script\u003e\\n    \u003cscript src=\\\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js\\\"\u003e\u003c/script\u003e\\n    \u003cscript src=\\\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003cdiv class=\\\"chatbox\\\"\u003e\\n        \u003ch5 class=\\\"text-center\\\"\u003eChatBot\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.comment span {\\n    display: inline-block;\\n    max-width: 75%;\\n    padding: 8px;\\n    font-size: .9rem;\\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(210, 210, 210);\\n    border-radius: 20px 20px 20px 3px;\\n}\",\"js\":\"var rules = [];\\n\\nfunction talk (s) {\\n    return '我聽不太懂你說的意思';\\n}\"}","created_at":"2019-04-17T02:44:55.626+08:00","updated_at":"2019-10-13T04:27:03.337+08:00","name":"Eliza 副本","language":"web","screenshot":{"url":"https://cdn7.koding.school/uploads/project/screenshot/62714/d5cab8bbc844632c5606e2be819de6f8.jpg"},"parent_id":52764,"plugin":"$(document).keydown(function (evt) {\n    if (evt.keyCode == 13) {\n        var q = $('.js-input').val()\n        if (!isnull(q)) {\n            $('.js-input').attr('disabled', true)\n            addComment(q, 'right')\n            setTimeout(function () {\n                addComment(talk(q), 'left')\n                $('.js-input').removeAttr('disabled')\n            }, 300 + Math.random()*1000)\n        }\n        $('.js-input').val('')\n    }\n})\n\nfunction addComment (text, who) {\n    $('.js-comment').append(`\u003cp class=\"comment comment-${who}\"\u003e\u003cspan\u003e${text}\u003c/span\u003e\u003c/p\u003e`)\n}\n\nfunction isnull(text) {\n    if (text.length == 0) return true\n    var regu = \"^[ ]+$\"\n    var re = new RegExp(regu)\n    return(re.test(text))\n}","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":205,"hashid":"9ygsdyrv","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}