多人聊天室-學生版副本 | 程式專案

{"id":117849,"student_id":1940,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n\\t\u003ctitle\u003eDocument\u003c/title\u003e\\n\\t\u003cscript src=\\\"https://code.jquery.com/jquery-3.4.1.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody\u003e\\n    \u003cdiv id=\\\"messageBox\\\"\u003e\u003c/div\u003e\\n    \u003cinput type=\\\"text\\\" placeholder=\\\"說些什麼...\\\"\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"body {\\n    background-color: black;\\n    padding: 30px;\\n}\\n\\ndiv {\\n    padding: 5px;\\n    height: 400px;\\n    margin: auto;\\n    overflow-y: scroll;\\n    border: 1px solid #ddd;\\n}\\n\\ninput {\\n    width: 100%;\\n    padding: 5px;\\n    box-sizing: border-box;\\n    border: 1px solid #ddd;\\n    font-size: 16px;\\n}\\n\\np {\\n    margin: 0;\\n}\",\"js\":\"var name = prompt('What is you name?') || 'someone'\\nvar time = new Date().toLocaleTimeString()\\nvar text = `Entered the Chat room`\\n\\nvar r = Math.random()*225\\nvar g = Math.random()*225\\nvar b = Math.random()*225\\nvar rgb = `rgb(${r}, ${g}, ${b})`\\nappendComment(name, text, time, rgb);\\nDB.broadcast('message1', {\\n    text: text,\\n    time: time,\\n    name: name,\\n   rgb: rgb\\n});\\nvar row = `\u003cp\u003e[${name} ${time}] ${text}\u003c/p\u003e`\\n\\nvar el = $(row)\\nel.css('color' , rgb)\\n$('#messageBox').append(el)\\n$('input').keydown(function (e) {\\n    if(e.keyCode == 13 ){\\n         var text = $('input').val()\\n         $('input').val('')\\n         var time = (new Date).toLocaleTimeString();\\n         appendComment(name, time, text, rgb);\\n         DB.broadcast('message1', {\\n            text: text,\\n            time: time,\\n            name: name,\\n            rgb: rgb\\n        });\\n         \\n    }\\n})\\nfunction appendComment (name, time, text, rgb) {\\n    var row = `\u003cp\u003e[${name} ${time}]${text}\u003c/p\u003e`;\\n    var el = $(row);\\n    el.css('color', rgb);\\n    $('#messageBox').append(el);\\n}\\nDB.onMessage('message1', function (data) {\\n    appendComment(data.name, data.time, data.text, data.rgb);\\n});\"}","created_at":"2019-12-29T13:37:17.821+08:00","updated_at":"2020-01-05T08:54:22.193+08:00","name":"多人聊天室-學生版 副本","language":"web","screenshot":{"url":"https://cdn6.koding.school/uploads/project/screenshot/117849/a17cbd697976e230ee3b251be67845c9.jpg"},"parent_id":117826,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":98,"hashid":"kdmsmnyk","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}