btn" waves-effect <a waves-light id="countdown-slider" std-left" onclick="setCountdown(20);">20 class="std-left" Minutes</a> <p><div onclick="setCountdown(5);">5 display:inline; class="std-btn class="std-btn Timer Countdown onclick="setCountdown(30);">30 waves-effect class="std-btn <div onclick="stopBreak()">Stop Break</a> max="60" <a countdown="10" </div> onclick="setCountdown(60);">60 <div </div> <input std-center waves-light waves-light waves-effect Break waves-effect <div class="std-btn class="countdown"></div> btn class="std-btn disabled" countdown="20" class="std-btn countdown="" <div btn" waves-light type="range" s12 countdown="60" s12 btn" waves-effect btn class="row"> waves-light <a std-center Minutes</a> onclick="setCountdown(document.getElementById('otherSlider').value);">Other</a> std-left"> onchange="updateSliderText(this.value);" waves-light waves-effect onclick="setCountdown(10);">10 id="stopBreak"class="std-btn </div> countdown="5" class="std-btn Minutes</a> Break</a> <div <a waves-light class="std-btn /> <div id="otherSlider" countdown="30" std-center"> std-center id="countdown" class="row"> <a id="otherValue" waves-effect style="width:400px; class="std-right" waves-light white-space: Minutes</a> min="1" btn" countdown="15" std-center"> btn" nowrap;"> border:0;" onclick="setCountdown(15);">15 <a waves-light waves-effect <a class="col Minutes</a> std-center </div> std-center class="input-field onclick="startBreak()">Start <a id="startBreak" btn" waves-effect </div> std-center col style="width:160px; std-center btn" std-center Minutes</a> class="range-field <a
Good code is its own best documentation. As you’re about to add a comment, ask yourself, ‚How can I improve the code so that this comment isn’t needed?‘ Improve the code and then document it to make it even clearer
Steve McConnell
