- 자바스크립트만으로 버튼을 클릭했을때 카운트를 세어주는 페이지 만들기
- html만들기
- id,태그 등등 가져오기
- addeventlistener로 이벤트 추가
- 함수만들어서 데이터 업데이트
- html 업데이트
<!DOCTYPE html>
<html>
<body>
<span>Total clicks:0</span>
<button id="btn">Click me</button>
</body>
<script>
let counter = 0;
const button = document.getElementById("btn");
const span = document.querySelector("span");
function handleClick(){
counter += 1;
span.innerText = `Total clicks: ${counter}`;
}
button.addEventListener("click",handleClick);
</script>
</html>
<!DOCTYPE html>
<html>
<body></body>
<script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js"></script>
<script>
</script>
</html>
