AverageMarcus
/
buzzers
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Improve browser compatibility

This commit is contained in:
Marcus Noble 2020-12-11 08:21:11 +00:00
parent bcda8f8a4f
commit 45ee87b6eb
2 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
views/index.handlebars
View File

@ -29,8 +29,7 @@
<script>
document.querySelector('form').addEventListener('submit', function(event) {
event.preventDefault();
let roomId = document.getElementById('roomId').value;
window.location = `//${window.location.host}/${roomId}`;
window.location = '//' + window.location.host + '/' + document.getElementById('roomId').value;
});
</script>
</body>

12
views/room.handlebars
View File

@ -26,8 +26,8 @@
</div>
<script>
let proto = location.protocol == 'http:' ? 'ws' : 'wss'
let socket = new WebSocket(`${proto}://${window.location.hostname}:${window.location.port}/{{room}}`);
var proto = location.protocol == 'http:' ? 'ws' : 'wss'
var socket = new WebSocket(proto + '://' + window.location.hostname + ':' + window.location.port + '/{{room}}');
socket.onopen = function(e) {
socket.send(JSON.stringify({
@ -40,7 +40,7 @@
};
socket.onmessage = function(event) {
let msg = JSON.parse(event.data);
var msg = JSON.parse(event.data);
if (msg.type === "buzz") {
showMessage(msg.msg);
} else if (msg.type === "reset") {
@ -71,7 +71,7 @@
function showMessage(msg) {
window.navigator.vibrate(500);
document.getElementById('buzzer').disabled = true;
let mb = document.getElementById('messageBox');
var mb = document.getElementById('messageBox');
mb.innerHTML = msg;
mb.classList.remove('hide');
}
@ -79,13 +79,13 @@
function reset() {
document.getElementById('buzzer').disabled = false;
document.getElementById('buzzer').classList.remove('active');
let mb = document.getElementById('messageBox');
var mb = document.getElementById('messageBox');
mb.classList.add('hide');
}
function roomClosed() {
document.getElementById('buzzer').disabled = true;
let mb = document.getElementById('messageBox');
var mb = document.getElementById('messageBox');
mb.innerHTML = "Room closed";
mb.classList.remove('hide');
}