id="" 지정하고 사용할때는 앞에 #을 넣어서 이름을 지정해요.

id="" 지정하고 사용할때는 앞에 #을 넣어서 이름을 지정해요. 

 

오랫만에 코딩이라 뭔가 똑같은데 안된다? 

그러면 기호하나 잘 살펴봐야합니다. 

 

사운드만 들으며 코딩하는데 

똑같은거 같은데... 하며 한참 안되는 이유찾아보니 

 

결국 하나가 문제였어요 

 

id="" 지정하고 사용할때는 앞에 #을 넣어서 이름을 지정해요! 

 

이걸 안한거죠. 

 

hide and show 기능을 하는 버튼을 만들고 

자바스크립트 소스를 입력했습니다. 

 

w3school 과 Jquery 사이트에서 소스를 참고했어요. 

이미지 토글 버튼 만들기 - 자바스크립트와 제이쿼리 

 

코드는 직접 작성하고 

강의는 유튜브의 조코딩님을 참고하였습니다. 

 

이미지에 아이디명 지정 - 참고 조코딩

위 처럼 이미지마다 각각 아이디를 부여하고 

 

아래처럼 자바스크립트 & 제이쿼리를 이용할때는 

아이디명 앞에 #을 입력하여 사용한다는 걸 표시합니다. 

 

 

스크립트 소스에 아이디 지정시 앞에 # 기호를 입력한 모습. 

 

토글키 소스를 활용하여 비행기 이미지가 보였다 안보였다 하는 버튼이 작동합니다.

 

코딩 참고는 유튜브 강의 조코딩 을 참고하세요. 

 

토글키 소스를 활용하여 비행기 이미지가 보였다 안보였다 하는 버튼이 작동합니다. - 출처 조코딩

감사합니다.