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