timer — test sounds

timer/index.html

@@ -21,12 +21,12 @@ <h2><!--セッティングス-->Settings</h2>
 			<div id="interval-container">
 				<div class="custom-int">
 					<label>Work</label><br>
-					<span class="min">(25-50)</span><br>
+					<span class="min">(15-50)</span><br>
 					<input id="work-interval" max="50" min="15" step="1" type="number" value="25">
 				</div>
 				<div class="custom-int">
 					<label>Short Break</label><br>
-					<span class="min">(5-10)</span><br>
+					<span class="min">(2-10)</span><br>
 					<input id="short-break-interval" max="10" min="2" step="1" type="number" value="5">
 				</div>
 				<div class="custom-int">
@@ -38,15 +38,16 @@ <h2><!--セッティングス-->Settings</h2>
 			<button id="default">Reset to default</button><br><br>
 			<p>Audio</p>
 			<label for="notif-sound">Notification:</label>
-			<select id="notif-sound">
+			<select id="notif-sound" value="YIPPEE">
 				<option value="bennett">bouken da bouken</option>
                 <option value="boom">VINE BOOM</option>
                 <option value="bubbles">cute bubbles</option>
                 <option value="chime">chime</option>
                 <option value="snore">*snore* mimimi</option>
                 <option value="wow">anime wow</option>
                 <option value="yippee">YIPPEE</option>
-			</select><br><br>
+			</select>
+            <button id="play-sound">Play</button><br><br>
 			<button class="close" id="save">Save</button><button class="close" id="cancel">Cancel</button>
 		</div>
 		<div id="float">

timer/script.js

@@ -55,6 +55,7 @@ var lBreakInt = find("long-break-interval");
 var defaultBtn = find("default");
 
 var notifSound = find("notif-sound");
+var playSound = find("play-sound");
 
 var saveBtn = find("save");
 var cancelBtn = find("cancel");
@@ -183,6 +184,11 @@ function setDefault() {
 }
 defaultBtn.onclick = setDefault;
 
+function testSound() {
+    sounds[sound].play();
+};
+playSound.onclick = testSound;
+
 function saveSettings() {
 	let s = true;
 	let NO = [];