Skip to content
Snippets Groups Projects
Commit 446cfc61 authored by Charlie Simonsson's avatar Charlie Simonsson
Browse files

seperated script to dedicated js file

parent d060da1b
No related branches found
No related tags found
1 merge request!1seperated script to dedicated js file
......@@ -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>
......
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
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment