Eliza 機器人副本 | 程式專案

{"id":63108,"student_id":119,"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\\\"\u003euvwewewewe onyetenyevwe uvwewenum osas\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 = [\\n    {\\n        Q:'(你叫什麼名字|你是誰|你的名字)',\\n        A:['我叫uvwewewewe onyetenyevwe uvwewenum osas','你猜阿','不會看上面喔']\\n    },\\n    {\\n        Q:'(你幾歲(.*)|你多大(.*))',\\n        A:['我8.7歲','比你的心智年齡還要大(我一歲AuA)','我200-6/20-1+4.7+1歲']\\n    },{\\n        Q:'你是男的嗎',\\n        A:'我不分性別'\\n    },{\\n        Q:'你是女的嗎',\\n        A:'我不分性別'\\n    }];\\n\\nfunction talk (s) {\\n    for(var i = 0;i\u003crules.length;i++){\\n        var Q = rules[i].Q;\\n        var A = rules[i].A;\\n        var ran = Math.floor(Math.random()*A.length);\\n        var result = RegExp(Q).exec(s);\\n        if (result) {\\n            return A[ran];\\n        }\\n    }\\n    return '你說什麼?';\\n}\"}","created_at":"2019-04-20T10:26:06.061+08:00","updated_at":"2019-10-21T13:21:33.878+08:00","name":"Eliza 機器人 副本","language":"web","screenshot":{"url":"https://cdn3.koding.school/uploads/project/screenshot/63108/82900f63f2a9d747ec9b60144cefd1e3.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":63,"hashid":"jzms65k9","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}