Queue-Counter/original.html at main · ChrisAcrobat/Queue-Counter · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Queue counter</title>
		<meta content="width=device-width, initial-scale=1.0" name="viewport">
		<meta content="yes" name="mobile-web-app-capable">
		<script async src="https://www.googletagmanager.com/gtag/js?id=G-E60D4D4S0E"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-E60D4D4S0E');</script>
		<style>
			@font-face{
				font-family:'digital-clock-font';
				src: url('digital-7/digital-7 (mono).ttf');
			}
			html, body, #counter {
				height: -webkit-fill-available;
			}
			html {
				cursor: none;
				user-select: none;
				background-color: black;
			}
			#counter {
				color: red;
				font-family: 'digital-clock-font';
				font-size: 100vmin;
				display: flex;
				justify-content: center;
				align-items: center;
			}
		</style>
		<script>
			'use strict'
			function a(){
				let elementCounter = document.getElementById('counter');
				let notification = new Audio('Computer Error-SoundBible.com-1655839472.wav');
				function raise(){
					let currentValue = parseInt(elementCounter.innerHTML);
					elementCounter.innerHTML = Math.max(1, (currentValue+1)%10);
					notification.play();
				}
				document.body.onclick = raise;
				document.body.onkeyup = keyboardEvent => {
					if(keyboardEvent.code === 'Space'){
						raise();
					}
				}
			}
		</script>
	</head>
	<body onload="a()">
		<div id="counter">1</div>
	</body>
</html>