728x90
JavaScript 버튼 Onclick 이벤트로 전구 Turn On/Off 하기 !!
켜진 전구사진과 꺼진 전구 사진을 구합니다 !
<h2>JavaScript로 전구 Turn On/Off 하기 !!</h2>
<img id="test" src="https://blog.kakaocdn.net/dna/PPwr9/btraexULT6l/AAAAAAAAAAAAAAAAAAAAAGpw-HmIcPEEGr9GIgEanl_XkWouwasYChtov4ErLpQ5/img.png?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1767193199&allow_ip=&allow_referer=&signature=pQxUAnaVxymyXJLKV%2BbSGcjzP1M%3D" style="width:100px">
<button onclick="document.getElementById('test').src='https://blog.kakaocdn.net/dna/dzFzMx/btrac8VsbSt/AAAAAAAAAAAAAAAAAAAAAIYbFn6wSLlUhv6jPtB2PU72XDfbfHRfEnl24urm3wkR/img.jpg?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1767193199&allow_ip=&allow_referer=&signature=2lVfgm0HVIw6YPfpY5kIU5V5qRc%3D
'">ON</button>
<button onclick="document.getElementById('test').src='https://blog.kakaocdn.net/dna/PPwr9/btraexULT6l/AAAAAAAAAAAAAAAAAAAAAGpw-HmIcPEEGr9GIgEanl_XkWouwasYChtov4ErLpQ5/img.png?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1767193199&allow_ip=&allow_referer=&signature=pQxUAnaVxymyXJLKV%2BbSGcjzP1M%3D'">OFF</button>
결과값
JavaScript로 전구 Turn On/Off 하기 !!
반응형
'Coding > JavaScript' 카테고리의 다른 글
| [JavaScript] Arrays for문 으로 li태그 출력하기 !! (0) | 2021.07.28 |
|---|---|
| [JavaScript] 문장에서 문자 찾기(Search) !! (0) | 2021.07.26 |
| [JavaScript] 버튼 Onclick 이벤트로 현재페이지 프린트 하기 !! (0) | 2021.07.22 |
| [JavaScript] 버튼 Onclick 이벤트로 문장 바꾸기 !! (0) | 2021.07.17 |
| [JavaScript] 버튼 Onclick 이벤트로 현재시간 알아보기 !! (0) | 2021.07.16 |
댓글