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
Branches
No related tags found
1 merge request!1seperated script to dedicated js file
...@@ -4,37 +4,8 @@ ...@@ -4,37 +4,8 @@
<title>Testing websocket</title> <title>Testing websocket</title>
<link rel="stylesheet" href="style.css" type="text/css"> <link rel="stylesheet" href="style.css" type="text/css">
<script src="/socket.io/socket.io.js"></script> <script src="/socket.io/socket.io.js"></script>
<script> <script src="js/script.js"></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
});
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> </head>
<body> <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