다음은 HTML 페이지입니다. 마우스를 움직이면 텍스트의 색상이 변경됩니다.JavaScript 파일에서 addEventListener 메서드가 작동하지 않습니다.
<html>
<head>
<title>Untitled</title>
<script type="text/javascript" src="prjs10_2.js"></script>
</head>
<body>
<p> This is very <span id="int">interesting</span>!</p>
</body>
</html>
다음은 JavaScript 파일입니다. addEventListener 메서드를 수정해야합니까?
var int = document.getElementById('int');
int.document.addEventListener("mouseover", function() {
int.style.color = "#FF0000";}, false);
int.document.addEventListener("mouseout", function() {
int.style.color = "#000000"}, false);
'document.getElementaryById'가 아닌'document.getElementById'입니다. – Niklas
JavaScript 코드를 디버깅하는 방법에 대해 _really_ 살펴보아야합니다. 적정한 디버깅 툴을 사용하면 오류를 쉽게 발견 할 수 있습니다 (예 : Chrome에서 개발자 콘솔 사용). 그러면 시간이 절약되고 코딩 기능이 향상됩니다. – dirkk