From 446cfc61f25d03be6802b9e40cab2c062bccebad Mon Sep 17 00:00:00 2001 From: Charlie Simonsson <charlie.simonsson@liu.se> Date: Fri, 23 Sep 2022 09:24:53 +0200 Subject: [PATCH] seperated script to dedicated js file --- public/index.html | 31 +------------------------------ public/js/script.js | 29 +++++++++++++++++++++++++++++ 2 files changed, 30 insertions(+), 30 deletions(-) create mode 100644 public/js/script.js diff --git a/public/index.html b/public/index.html index 83a4719..13320be 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 0000000..f9dfc47 --- /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 -- GitLab