'use strict'; // to allow LET statement for(var i=1; i<5; i++) { $("#mybutton" + i).click(function () { alert(i); }); } for(let i=1; i<5; i++) { $("#thebutton" + i).click(function () { alert(i); }); }
<h4> Buttons with VAR (always 5) </h4> <input type="button" id="mybutton1" value="Button 1"/> <input type="button" id="mybutton2" value="Button 2" /> <input type="button" id="mybutton3" value="Button 3" /> <input type="button" id="mybutton4" value="Button 4" /> <input type="button" id="mybutton5" value="Button 5"/> <br> <h4> Buttons with LET (consecutively ++) </h4> <input type="button" id="thebutton1" value="Button 1"/> <input type="button" id="thebutton2" value="Button 2" /> <input type="button" id="thebutton3" value="Button 3" /> <input type="button" id="thebutton4" value="Button 4" /> <input type="button" id="thebutton5" value="Button 5"/>