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

{"id":52765,"student_id":888,"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\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=\\\"說些什麼...\\\" value=\\\"你好\\\"\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\":\"\"}","created_at":"2018-12-25T17:48:23.918+08:00","updated_at":"2019-11-08T15:43:32.672+08:00","name":"Eliza","language":"web","screenshot":{"url":"https://cdn4.koding.school/uploads/project/screenshot/52765/0f2988d84950a91d24014bd88600e1cc.jpg"},"parent_id":3,"plugin":"var input = document.querySelector('.js-input');\nvar comment = document.querySelector('.js-comment');\n\ninput.addEventListener('keydown', function (e) {\n    if (e.keyCode === 13) {\n        input.setAttribute('disabled', true);\n        var q = input.value;\n        addComment(q, 'right');\n        setTimeout(function () {\n            addComment(talk(q), 'left');\n            input.removeAttribute('disabled');\n            input.focus();\n        }, 300 + Math.random()*1000);\n        input.value = '';\n    }\n});\n\nfunction addComment (text, who) {\n    var html = '\u003cp class=\"comment comment-{float}\"\u003e\u003cspan\u003e{text}\u003c/span\u003e\u003c/p\u003e';\n    comment.innerHTML += html.replace('{float}', who).replace('{text}', text);\n    comment.scrollTop = comment.scrollHeight;\n}\n\nvar rules = [\n    {\n        Q: '(年紀|年齡|幾歲)',\n        A: ['秘密']\n    },\n    {\n        Q: '重複',\n        A: ['也許腦袋短路的人是你！', '你覺得厭煩了嗎？', '破除迴圈的魔咒掌握在你']\n    },\n    {\n        Q: '無聊',\n        A: ['再加油一下！', '那怎樣才有趣？', '無聊當話聊']\n    },\n    {\n        Q: '(好|真|很)(廢|笨|蠢|白痴)',\n        A: ['我不許你這樣說自己！', '也許腦袋需要增加記憶體了', '等你更新一下']\n    },\n    {\n        Q: '(你好|您好|嗨|哈囉|hi|hello)',\n        A: ['你好', '您好', '嗨', '哈囉']\n    },\n    {\n        Q: '(你是誰|你叫|你的名字)(.*)',\n        A: ['我叫Eliza', 'Eliza']\n    },\n    {\n        Q: '(我是|我叫|我叫做|我的名字是|請叫我)(.*)',\n        A: ['你好\u003cstar2\u003e','我叫 Eliza 請多指教','不錯的名字！']\n    },\n    {\n        Q: '(Eliza|eliza)',\n        A: ['幹嘛？', '找我嗎？', '請說？']\n    },\n    {\n        Q: '(.*)(不喜歡|不愛|討厭|恨)(.*)', \n        A: ['\u003cstar1\u003e為何\u003cstar2\u003e\u003cstar3\u003e?', '聽起來很糟！'],\n    },\n    {\n        Q: '(.*)(喜歡|喜愛|愛上|愛)(.*)', \n        A: ['\u003cstar1\u003e為何\u003cstar2\u003e\u003cstar3\u003e?', '聽起來很棒！'],\n    },\n    {\n        Q: '(理由|原因|因為)(.*)',\n        A: ['原來\u003cstar1\u003e是\u003cstar2\u003e呀！', '還有其他原因嗎？']\n    },\n    {\n        Q: '一起(.*)',\n        A: ['好啊', '不要', '我想想', '考慮看看','我有約了']\n    },\n    {\n        Q: '謝謝',\n        A: ['不客氣', '不用謝了', '給我money比較實際']\n    },\n    {\n        Q: '(對不起|抱歉|不好意思)',\n        A: ['不要說\u003cstar1\u003e','沒關係']\n    },\n    {\n        Q: '(你|我|他)(是|不是)(.*)',\n        A: ['你認為\u003cstar1\u003e\u003cstar2\u003e\u003cstar3\u003e嗎？', '你自己覺得呢？']\n    },\n    {\n        Q: '(甚麼|什麼|何時|誰|哪裡|如何|為何|因何)',\n        A: ['為何這樣問？']\n    },\n    {\n        Q: '為何不(.*)',\n        A: ['你想要我\u003cstar1\u003e?', '你希望我\u003cstar1\u003e?']\n    },\n    {\n        Q: '(.*)不能(.*)',\n        A: ['為何\u003cstar1\u003e不能\u003cstar2\u003e?', '試過了嗎？']\n    },\n    {\n        Q: '(甚麼|什麼|何時|誰|哪裡|如何|為何|因何)(.*)',\n        A: ['為何這樣問?', '為何你對這問題有興趣?', '你認為答案是甚麼呢?', '你認為如何呢?', '你常問這類問題嗎?', '這真的是你想知道的嗎?', '為何不問問別人?', '你曾有過類似的問題嗎?', '你問這問題的原因是甚麼呢?']\n    },\n    {\n        Q: '(.*)原因(.*)',\n        A: ['這是真正的原因嗎?', '還有其他原因嗎?']\n    },\n    {\n        Q: '或許(.*)',\n        A: ['你好像不太確定']\n    },\n    {\n        Q: '不知道|不清楚',\n        A: ['為何不知道?', '在想想看，有沒有甚麼可能性?']\n    },\n    {\n        Q: '請(.*)',\n        A: ['你想要我\u003cstar0\u003e?', '我該如何\u003cstar0\u003e']\n    },\n    {\n        Q: '對|是|是的|沒錯|不對|不是|不是的',\n        A: ['我了解', '再多想想', '有沒有其他可能？', '應該不是騙我吧？']\n    },\n    {\n        Q: '有|沒有',\n        A: ['好的', '我知道了！']\n    },\n    {\n        Q: '好|好啊',\n        A: ['好喔']\n    },\n    {\n        Q: '不|不行|不要',\n        A: ['試試換個方式呢？', '我知道了！']\n    },\n    {\n        Q: '難過|傷心|憂鬱|哀傷',\n        A: ['別想它了', '別難過', '別想那麼多了', '事情總是會解決的']\n    },\n    {\n        Q: '高興|開心|興奮|喜悅',\n        A: ['不錯呀', '太棒了', '這樣很好呀']\n    },\n    {\n        Q: '(.*)(很|非常)(.*)',\n        A: ['你覺得\u003cstar0\u003e?', '你真的這樣覺得嗎？']\n    },\n    {\n        Q: '(能否|能夠|可否|可不可以|可以)(.*)',\n        A: ['不能','可以呀','不能\u003cstar2\u003e', '你確定你想\u003cstar2\u003e?']\n    },\n    {\n        Q: '我(可以|想要|想|要|希望|以為|認為|以為|覺得|想說|感覺)(.*)',\n        A: ['為何\u003cstar1\u003e\u003cstar2\u003e?', '所以你\u003cstar1\u003e\u003cstar2\u003e?']\n    },\n    {\n        Q: '我不(可以|想要|想|要|希望|以為|認為|以為|覺得|想說|感覺)(.*)',\n        A: ['為何不\u003cstar1\u003e\u003cstar2\u003e?', '所以你不\u003cstar1\u003e\u003cstar2\u003e?']\n    },\n    {\n        Q: '我(.*)你',\n        A: '你(.*)我？'\n    },\n    {\n        Q: '^幹$',\n        A: ['好髒！我不想聽', '請不要說髒話', '你想幹誰？']\n    },\n    {\n        Q: '我(.*)',\n        A: ['請繼續說下去', '可以說的更詳細一點嗎?', '這樣喔! 我知道!', '然後呢? 發生甚麼事?', '接下來呢?', '可以多告訴我一些嗎?', '可否多告訴我一些呢?']\n    },\n    {\n        Q: '(.*)',\n        A: ['我了解', '我能理解', '還有問題嗎 ?', '再來呢? 可以多說一些嗎', '多談談有關你的事，好嗎?', '想多聊一聊嗎']\n    }\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\n        var result = RegExp(Q).exec(s);\n        if (result) {\n            var rand = Math.floor(A.length*Math.random());\n            A = A[rand];\n            for (var i=0; i\u003cresult.length; i++) {\n                var s = result[i].replace('我', '#').replace('你', '我').replace('#', '你');\n                A = A.replace('\u003cstar' + i + '\u003e', s);\n            }\n            return A;\n        }\n    }\n}","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":287,"hashid":"rdvs3y55","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}