diff --git a/public/index.html b/public/index.html index 83a471941afa8ed7de10f28d93b292efc3cd3fc3..13320bee3b34fb30013e784f15482b9b87bf8275 100644 --- a/public/index.html +++ b/public/index.html @@ -4,37 +4,8 @@ <title>Testing websocket</title> <link rel="stylesheet" href="style.css" type="text/css"> <script src="/socket.io/socket.io.js"></script> - <script> - const socket = io() - socket.on('message', (msg) => { - let messages = document.getElementById("chat-box") - let li = document.createElement('li') - li.textContent = msg - messages.appendChild(li) - messages.scrollTop = messages.scrollHeight - }); + <script src="js/script.js"></script> - function publish(e){ - let msg = document.getElementById("message").value - if(!validate(msg)){ - return - } - document.getElementById("message").value = "" - socket.emit('message', msg) - } - - function validate(msg){ - return msg.length > 0 && msg.length <= 140 - } - - - window.onload = () => { - document.getElementById('submit').addEventListener('click', e => { - e.preventDefault() // stop the submit button from doing itä's usual thing - publish() - }) - } - </script> </head> <body> diff --git a/public/js/script.js b/public/js/script.js new file mode 100644 index 0000000000000000000000000000000000000000..f9dfc47b1e783508f5a981e88ba4de1506312a73 --- /dev/null +++ b/public/js/script.js @@ -0,0 +1,29 @@ +const socket = io() +socket.on('message', (msg) => { + let messages = document.getElementById("chat-box") + let li = document.createElement('li') + li.textContent = msg + messages.appendChild(li) + messages.scrollTop = messages.scrollHeight +}); + +function publish(e){ + let msg = document.getElementById("message").value + if(!validate(msg)){ + return + } + document.getElementById("message").value = "" + socket.emit('message', msg) +} + +function validate(msg){ + return msg.length > 0 && msg.length <= 140 +} + + +window.onload = () => { + document.getElementById('submit').addEventListener('click', e => { + e.preventDefault() // stop the submit button from doing itä's usual thing + publish() + }) +} \ No newline at end of file