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