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