반응형
* 클로저
- 클로저를 이용한 카운터!
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Closure Sample</title>
</head>
<script>
const closureSample = (function() {
let count = 0; //최초 호출시 초기화가 되고 자동 은닉
return function () {
count += 1;
document.getElementById("show").innerHTML = count;
}
})();
</script>
<body>
<button onclick="closureSample()">+</button>
<p id="show">0</p>
</body>
</html>
* 스크립트 로딩시 defer 키워드를 이용해서 비동기 로딩하게 하기!
* 함수는 기본 화살표 함수로 정의 한다!
const colorBg = () => {
//백틱과 템플릿 문자열을 많이 활용하자
//querySelector를 이용해서 태그(요소)를 선택하자.
document.querySelector("#colorText").textContent = `컬로코드: ${color.value}`;
}반응형