Countdown Break Timer

onclick="setCountdown(5);">5 waves-light class="row"> waves-effect display:inline; countdown="15" </div> waves-effect btn" white-space: waves-light std-center waves-effect class="std-right" <div class="col countdown="" s12 onclick="setCountdown(30);">30 countdown="30" class="std-btn std-center std-center onclick="setCountdown(15);">15 class="std-left" class="std-btn <a Minutes</a> btn" <input waves-light class="input-field countdown="5" btn" onclick="startBreak()">Start waves-light waves-light Minutes</a> waves-effect Minutes</a> Countdown <a col onchange="updateSliderText(this.value);" class="std-btn waves-light std-center onclick="setCountdown(10);">10 std-left" btn" countdown="60" waves-light Break</a> border:0;" std-left"> Break Timer /> waves-effect btn" class="std-btn type="range" std-center <a s12 std-center style="width:400px; <div <a <div Break</a> waves-effect class="std-btn btn class="range-field waves-light </div> nowrap;"> <div </div> min="1" waves-effect class="std-btn <a std-center"> class="std-btn class="row"> id="startBreak" std-center"> id="countdown-slider" countdown="20" onclick="setCountdown(60);">60 std-center btn class="countdown"></div> id="countdown" <a max="60" countdown="10" Minutes</a> btn" <a <p><div </div> waves-effect Minutes</a> id="otherValue" onclick="setCountdown(document.getElementById('otherSlider').value);">Other</a> waves-effect id="otherSlider" </div> id="stopBreak"class="std-btn <a disabled" btn" std-center <a class="std-btn waves-light style="width:160px; <div onclick="stopBreak()">Stop onclick="setCountdown(20);">20 Minutes</a> <div