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