guilhermewerner/chat
1
0
Fork 0
mirror of https://github.com/guilhermewerner/chat synced 2025-06-16 19:34:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Complete initial features

Browse Source
This commit is contained in:
GuilhermeWerner
2020-06-01 18:17:13 -03:00
parent 4385a57736
commit eb22f86f4a
2 changed files with 35 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
public/index.html
View File

@ -57,10 +57,7 @@
</div>
<div class="pt-4">
<div class="card">
<ul class="list-group list-group-flush">
<li class="list-group-item"><strong>Username:</strong> Message</li>
<li class="list-group-item"><strong>Username:</strong> Message</li>
<li class="list-group-item"><strong>Username:</strong> Message</li>
<ul class="list-group list-group-flush" id="messages">
</ul>
</div>
</div>
@ -84,16 +81,32 @@
<script type="text/javascript">
var socket = io('http://localhost:3000');
function renderMessage(message) {
$('#messages').append(`<li class="list-group-item"><strong>${message.author}:</strong> ${message.content}</li>`);
}
socket.on('previousMessages', function (messages) {
for (message of messages) {
renderMessage(message);
}
});
socket.on('receiveMessage', function (message) {
renderMessage(message);
});
$('#chat').submit(function (event) {
event.preventDefault();
var author = $('input[name=username]').val();
var message = $('textarea[name=message]').val();
var content = $('textarea[name=message]').val();
if (author.length && message.length) {
var messageObj = { author, message }
if (author.length && content.length) {
var messageObj = { author, content }
}
renderMessage(messageObj);
socket.emit('sendMessage', messageObj);
})
</script>