13.多人聊天室副本 | 程式專案

{"id":117865,"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=\\\"say something\\\"\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    color: black;\\n}\\n\\np {\\n    margin: 0;\\n}\",\"js\":\"// 1\\nvar name = prompt('name?') || 'Someone';\\nvar text = 'Entered The Chat Room';\\nvar time = (new Date).toLocaleTimeString();\\n// 2\\nvar r = Math.random()*255;\\nvar g = Math.random()*255;\\nvar b = Math.random()*255;\\nvar color = `rgb(${r}, ${g}, ${b})`;\\n\\nappendComment(name, text, time, color);\\nDB.broadcast('message', {\\n    text: text,\\n    time: time,\\n    name: name,\\n    color: color,\\n});\\n\\nfunction appendComment (name, time, text, color) {\\n    var row = `\u003cp\u003e【${name} ${time}】${text}\u003c/p\u003e`;\\n    var el = $(row);\\n    el.css('color', color);\\n    $('#messageBox').append(el);\\n}\\n\\n$('input').keydown(function (e) {\\n    if (e.keyCode == 13) {\\n        var text = $('input').val();\\n        $('input').val('');\\n\\n        var time = (new Date).toLocaleTimeString();\\n        appendComment(name, time, text, color);\\n\\n        DB.broadcast('message', {\\n            text: text,\\n            time: time,\\n            name: name,\\n            color: color,\\n        });\\n    }\\n});\\n\\nDB.onMessage('message', function (data) {\\n    appendComment(data.name, data.time, data.text, data.color);\\n});\"}","created_at":"2019-12-29T13:54:09.070+08:00","updated_at":"2019-12-29T15:20:47.735+08:00","name":"13.多人聊天室 副本","language":"web","screenshot":{"url":"https://cdn8.koding.school/uploads/project/screenshot/117865/d805c4f35580df34f42a96ebd549a5fc.jpg"},"parent_id":95161,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":83,"hashid":"36ys2p59","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}