mic subtracts seconds when low enough

app.js

@@ -1,5 +1,7 @@
 let timerInterval = null;
 let startTime = null;
+let secondsToSubtract = 0;
+let micLevel = 0;
 
 navigator.mediaDevices.getUserMedia({
 	audio: true
@@ -19,8 +21,8 @@ navigator.mediaDevices.getUserMedia({
 		const array = new Uint8Array(analyser.frequencyBinCount);
 		analyser.getByteFrequencyData(array);
 		const arraySum = array.reduce((a, value) => a + value, 0);
-		const average = arraySum / array.length;
-		document.querySelector('#mic').innerHTML = Math.round(average);
+		micLevel = arraySum / array.length;
+		document.querySelector('#mic').innerHTML = Math.round(micLevel);
 	}, 1000)
 })
 .catch((err) => {
@@ -28,7 +30,13 @@ navigator.mediaDevices.getUserMedia({
 });
 
 const updateTimerDisplay = ()=>{
-	document.querySelector('#seconds').innerHTML = Math.floor((Date.now() - startTime)/1000)
+	if(micLevel < 15){
+		secondsToSubtract++;
+	}
+	const secondsSinceTimerStart = Math.floor((Date.now() - startTime)/1000);
+	document.querySelector('#seconds').innerHTML = secondsSinceTimerStart;
+	document.querySelector('#subtracted').innerHTML = secondsToSubtract;
+	document.querySelector('#total').innerHTML = secondsSinceTimerStart - secondsToSubtract;
 }
 
 document.querySelector('#start').addEventListener('click', ()=>{

index.html

@@ -11,6 +11,10 @@
 		<dd id="mic"></dd>
 		<dt>Seconds Recorded</dt>
 		<dd id="seconds"></dd>
+		<dt>Seconds Subtracted</dt>
+		<dd id="subtracted"></dd>
+		<dt>Total Seconds</dt>
+		<dd id="total"></dd>
 	</dl>
 	<button id="start">Start Timer</button>
 	<button id="stop">Stop Timer</button>