안녕하세요! 연습문제 질문드립니다.
오픈챌린지 1번
제 1장 연습문제 중 자기 이름 위에 마우스를 올리면 사진이 보이고, 내리면 사진이 사라지는 부분이 있는데요
실제 코드 적용 시, 마우스를 올리면 사진이 보이는데 마우스를 body 부분으로 내려도 사진이 사라지지 않고 그대로 남아있네요....?
html 파일 함께 첨부해드립니다
실습문제 1번 - 오류찾기
h3의 value error라고 나오면서 darkred는 올바른 컬러 벨류가 아니라고 하는데요, 실제 페이지에서는 짙은 빨강색이 잘 나타나거든요..
h3 error message: Value Error : color darkred is not a color value : darkred darkred
답변 부탁드립니다, 감사합니다 :)
1. 오픈챌린지 질문에 대해
처음 코딩할 때 많이 하는 실수인데, 대소문자를 구분하는 것과 아닌 것을 잘 학습할 필요가 있습니다.
HTML 태그나 CSS 코드는 대문자든 소문자를 사용하든 상관이 없습니다(2, 4 장 책을 읽어나가시면 알게 됩니다)
하지만, 자바 스크립트 코드에서는 대소문자가 확실히 구분되어야 합니다.
소스 코드를 보니 아래에서 대문자 ID를(getElementByID) 사용하였군요.
function hide() { //<img>에 이미지 제거
document.getElementByID("fig").src="";} // 여기 오류 있습니다.
그러므로 다음과 같이 고치면 됩니다.
function hide() { //<img>에 이미지 제거
document.getElementById("fig").src="";} // 이렇게 수정하니 잘 됩니다.
2. 실습문제 1번에 대한 독자의 질문이 어떤 질문인지 명확히 인지를 못하였습니다..
실습문제 1의 오류는 'span { color = blue' 에 있습니다 color:blue리고 해야 합니다.
혹시 실습하기 위해 만든 코드에 오타가 있는 것이 아닌지 살펴보세요.