diff --git a/web/assets/js/main.js b/web/assets/js/main.js
index aea6541..9519cb6 100644
--- a/web/assets/js/main.js
+++ b/web/assets/js/main.js
@@ -44,16 +44,19 @@ document.getElementById("btn-update").addEventListener("click", () => {
 setInterval(updateRadioStatus, 45000);
 setInterval(updateLastPlayedSong, 45000);
 
-let audio = document.getElementsByTagName("audio")[0];
-let volume = $("volume");
+const audio = document.getElementsByTagName("audio")[0];
+const volume = document.getElementsByName("volume")[0];
 
 const audio_src = audio.childNodes[0].src;
 audio.hidden = true;
 audio.volume = parseFloat(volume.value) / 100.0;
-document.querySelector("div.player").style.display = "flex";
-$("radio").style.display = "flex";
+document.querySelector("#player div:first-child").style.display = "flex";
+$("player").style.display = "flex";
 
-$("play").addEventListener("click", e => {
+volume.addEventListener("input", e => {
+	audio.volume = parseFloat(e.target.value) / 100.0; });
+
+document.getElementsByName("play")[0].addEventListener("click", e => {
 	if (audio.paused) {
 		audio.src = audio_src;
 		audio.play();
@@ -69,7 +72,4 @@ audio.addEventListener("timeupdate", e => {
 	const s = Math.floor(ct % 60);
 	const m = Math.floor((ct / 60) % 60);
 	const h = Math.floor(ct / 3600);
-	$("cur-time").textContent = `${h}h ${m}m ${s}s`; });
-
-volume.addEventListener("input", e => {
-	audio.volume = parseFloat(e.target.value) / 100.0; });
+	document.getElementsByClassName("elapsed")[0].textContent = `${h}h ${m}m ${s}s`; });