whizzter/varlet_es6.js

## varlet_es6.js
<!-- find the bug -->
<html>
	<head>
		<script>
			"use strict";
			function iny() {
				let body=document.getElementById("bod");

				let nums=[1,2,3];

				for (let lnum of nums) {
					let but=mkButton("Let button"+lnum);
					but.onclick=function() {
						alert("Clicked "+lnum);
					}
				}

				for (var vnum of nums) {
					var but=mkButton("Var button "+vnum);
					but.onclick=function() {
						alert("Clicked "+vnum);
					}
				}

				function mkButton(name) {
					var but=document.createElement("input");
					but.type="button";
					but.value=name;
					body.appendChild(but);
					return but;
				}
			}
		</script>
	</head>
	<body onload="iny();" id="bod">

	</body>
</html>
	<!-- find the bug -->
	<html>
	<head>
	<script>
	"use strict";
	function iny() {
	let body=document.getElementById("bod");

	let nums=[1,2,3];

	for (let lnum of nums) {
	let but=mkButton("Let button"+lnum);
	but.onclick=function() {
	alert("Clicked "+lnum);
	}
	}

	for (var vnum of nums) {
	var but=mkButton("Var button "+vnum);
	but.onclick=function() {
	alert("Clicked "+vnum);
	}
	}

	function mkButton(name) {
	var but=document.createElement("input");
	but.type="button";
	but.value=name;
	body.appendChild(but);
	return but;
	}
	}
	</script>
	</head>
	<body onload="iny();" id="bod">

	</body>
	</html>