728x90
반응형
목차
id="" 지정하고 사용할때는 앞에 #을 넣어서 이름을 지정해요.
오랫만에 코딩이라 뭔가 똑같은데 안된다?
그러면 기호하나 잘 살펴봐야합니다.
사운드만 들으며 코딩하는데
똑같은거 같은데... 하며 한참 안되는 이유찾아보니
결국 하나가 문제였어요
id="" 지정하고 사용할때는 앞에 #을 넣어서 이름을 지정해요!
이걸 안한거죠.
hide and show 기능을 하는 버튼을 만들고
자바스크립트 소스를 입력했습니다.
w3school 과 Jquery 사이트에서 소스를 참고했어요.
코드는 직접 작성하고
강의는 유튜브의 조코딩님을 참고하였습니다.
위 처럼 이미지마다 각각 아이디를 부여하고
아래처럼 자바스크립트 & 제이쿼리를 이용할때는
아이디명 앞에 #을 입력하여 사용한다는 걸 표시합니다.
토글키 소스를 활용하여 비행기 이미지가 보였다 안보였다 하는 버튼이 작동합니다.
코딩 참고는 유튜브 강의 조코딩 을 참고하세요.
감사합니다.
728x90
반응형
'코딩 프론트엔드' 카테고리의 다른 글
| 스크레치 똥피하기 게임 만들기 (0) | 2022.03.08 |
|---|---|
| vs code 코드 자동완성기능 이멧 emmet으로 편리하게 몇분만에 Jquery 제이쿼리 ajax 에이젝스 아작스 적용하기 (0) | 2022.03.08 |
| vs code - html 소스코드 자동정렬 단축키 이용방법 (0) | 2022.03.08 |
| vs code 이멧기능 (자동 코드완성 기능) 알아보기 (0) | 2022.03.07 |
| VS code 다운로드 및 설치하기, Visual studio code 플러그인 설치 준비하기 (0) | 2022.03.07 |
