slawk0/web-chat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

totally work

Browse Source
This commit is contained in:
slawk0
2024-08-22 00:15:45 +02:00
parent d41a898c3e
commit 1d2d03c5f9
3 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/js/chat.js
View File

@@ -1,7 +1,9 @@
const socket = io();
const form = document.getElementById('form');
const input = document.getElementById('input');
const messages = document.getElementById('messages');
form.addEventListener('submit', (e) => {
e.preventDefault();
@@ -9,4 +11,11 @@ form.addEventListener('submit', (e) => {
socket.emit('chat message', input.value);
input.value = '';
}
});
socket.on('chat message', (msg) => {
const item = document.createElement('li');
item.textContent = msg;
messages.appendChild(item);
window.scrollTo(0, document.body.scrollHeight);
});

16
frontend/routes/chat.html
View File

@@ -16,7 +16,6 @@
#messages > li:nth-child(odd) { background: #efefef; }
</style>
<script src="/socket.io/socket.io.js"></script>
</head>
<body>
<ul id="messages"></ul>
@@ -26,20 +25,7 @@
<button>Send</button>
</form>
<script src="/socket.io/socket.io.js"></script>
<script>
const socket = io();
const form = document.getElementById('form');
const input = document.getElementById('input');
form.addEventListener('submit', (e) => {
e.preventDefault();
if (input.value) {
socket.emit('chat message', input.value);
input.value = '';
}
});
</script>
<script src="/static/js/chat.js"></script>
</body>
</html>

9
index.js
View File

@@ -56,19 +56,24 @@ app.get('/', (req, res) => {
}
});
// socket io connection
io.on('connection', (socket) => {
console.log('a user connected');
// disconnect event
socket.on('disconnect', () => {
console.log('user disconnected');
});
// chat message event
socket.on('chat message', (msg) => {
io.emit('chat message ', msg);
});
});
io.on('connection', (socket) => {
socket.on('chat message', (msg) => {
console.log('message: ' + msg);
io.emit('chat message', msg);
});
});
// run server
server.listen(port, () => {
console.log(`Chat app listening on port ${port}`);