html5 range sliders,html - Audio range volume slider Javascript/HTML5 - Stack Overflow

I'm in my first week of learning how to code and running into some trouble with HTML5 audio on how to connect a slider to the volume.

My code is below and any suggestions are appreciated. The main part I'm unsure about is my script for setVolume(); I'm just having trouble getting my head around it.

Slider + Play/Pause

"use strict";

/*function playMusic() {

document.getElementById("mediaClip").play();

}*/

var mediaClip = document.getElementbyId("mediaClip");

var volume1 = document.getElementbyId("volume1");

function playPause() {

var mediaClip = document.getElementById("mediaClip");

if (mediaClip.paused) {

mediaClip.play();

} else {

mediaClip.pause();

}

}

function change() {

var button1 = document.getElementById("button1");

if (button1.value==="Play") button1.value = "Pause";

else button1.value = "Play";

}

function setVolume() {

var mediaClip = document.getElementById("mediaClip").value;

document.getElementById("mediaClip").value = mediaClip;

mediaClip.volume = document.getElementById("volume1").value;

}

Your browser does not support the audio element