Countdown Break Timer

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