<!DOCTYPE html>
<html>
<body>
<h2>JavaScript関数のクローズ</h2>
<p>ローカル変数でカウントします。</p>
<p id="demo"></p>
<script>
// カウンターを開始する
let counter = 0;
// カウンタをインクリメントする関数
function add() {
let counter = 0;
counter += 1;
}
// add()を3回呼び出します
add();
add();
add();
// グローバルカウンターとローカルカウンターを混同しているため、結果は3ではありません。
document.getElementById("demo").innerHTML = "The counter is: " + counter;
