Countdown Break Timer

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