Countdown Break Timer

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