html运行实例（eg_js_function_closures

代码示例：（标识：eg_js_function_closures_3）

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 闭包</h1>

<p>使用局部变量计数。</p>

<button type="button" onclick="myFunction()">计数！</button>

<p id="demo">0</p>

<script>
// 递增计数器的函数
function add() {
  var counter = 0;
  counter += 1;
  return counter;
}
// 试图递增计数器
function myFunction(){
  document.getElementById("demo").innerHTML = add();
}
</script>

</body>
</html>