자바스크립트 질문

미해결질문
조유빈 프로필

안녕하세요~

열심히 강의 따라하면 배우고 있습니다 ^^

자바스크립트 강의의 거의 끝 부분인 '마우스 포인터 생성하기' 부분에서 오류가 발생합니다. 

<script src="https://code.jquery.com/jquery-3.4.1.min.js">
<script>
function mouseOver(a){
a.style.color = "yellow";
a.style.background-color = "blue";
a.style.cursor = "pointer";
}
function mouseOut(a){
a.style.color = "";
a.style.background-color = "";
a.style.cursor = "";
}
</script>
<p onmouseover="mouseOver(this);" onmouseout="mouseOut(this);"> 마우스 포인터를 올려보세요 </p>
</body>
</html>

-> 콘솔 창에서 아래와 같은 메시지가 출력됩니다;;;

';'expected.js [19, 24]

조언 부탁드립니다~

남박사 프로필
남박사 8달 전

vs code 에 빨간색 밑줄을 항상 유념해서 살펴보세요 ^^;;

a.style.backgroundColor = "blue";

자바스크립트로 주는 스타일의 백그라운드 칼라는 위와 같이 쓰셔야 합니다.

style 태그에서 직접 스타일을 주는 경우에는 background-color 지만 자바스크립트로 설정하는 경우에는 backgroundColor 가 됩니다. 그것만 수정해주시면 문제 없이 적용됩니다. 

조유빈 프로필
조유빈 8달 전

주의하겠습니다~ 감사합니다~

지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스