Countdown Break Timer

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