<!DOCTYPE html>
<html>
<body>
<h2>JavaScriptのクロージャ</h2>
<p>ローカル変数でカウントします。</p>
<button type="button" onclick="myFunction()">Count!</button>
<p id="demo">0</p>
<script>
// カウンタをインクリメントする関数
function add() {
let counter = 0;
counter += 1;
return counter;
}
// カウンタをインクリメントしようとしています
function myFunction(){
document.getElementById("demo").innerHTML = add();
}
</script>
</body>
</html>
