Countdown Break Timer

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