Countdown Break Timer

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