[Javascript] 버튼 누르면 값 증가(누적)하는 로직

studies/Back-end

[Javascript] 버튼 누르면 값 증가(누적)하는 로직

Vada Kim 2020. 3. 31. 13:16

728x90

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Closures</h2>

<p>Counting with a local variable.</p>

<button type="button" onclick="myFunction()">Count!</button>

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

<script>
var add = (function () {
  var counter = 0;
  return function () {counter += 1; return counter;}
})();

function myFunction(){
  document.getElementById("demo").innerHTML = add();
}
</script>

</body>
</html>

사실 이 방법이 이해가 아직 잘 가진 않는다. add() 함수가 실행될 때마다 함수 안의 지역변수가 0으로 초기화되는데 어떻게 기존 값을 가져오는건지...

알고리즘을 공부해야 할 것 같다.

자바스크립트 코드리뷰였다.

출처: https://www.w3schools.com/

728x90

저작자표시 비영리 변경금지 (새창열림)