클릭 이벤트에서 각 함수를 개별적으로 호출하는 것은 괜찮지만 루프 본문을 작성한 후에는 작동하지 않습니다. 함수만으로는 괜찮은데 항상 하나씩 테스트를 작성하고 나면 클릭 이벤트가 개별적으로 표시될 수 있지만 루프 본문이 있으면 문제가 있습니다.
<!DOCTYPE html>
<html lang="ko">
<head>
</head>
<body>
<input id="btn" type="button" value="li를 생성하려면 클릭하세요."/>
</body>
</html>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
document.body.innerHTML += '<p>' + '</p>'; 이 문장은 이전에 바인딩된 onclick이 사라지기 때문에 발생합니다. 한 번만 실행 ==0인 경우입니다