728x90
반응형
JavaScript 버튼 Onclick 이벤트로 전구 Turn On/Off 하기 !!
켜진 전구사진과 꺼진 전구 사진을 구합니다 !
<h2>JavaScript로 전구 Turn On/Off 하기 !!</h2>
<img id="test" src="https://blog.kakaocdn.net/dn/PPwr9/btraexULT6l/H9zl71xiznyIKFpF7OgYMk/img.png" style="width:100px">
<button onclick="document.getElementById('test').src='https://blog.kakaocdn.net/dn/dzFzMx/btrac8VsbSt/60YndA6oigGMx12gp3omwk/img.jpg
'">ON</button>
<button onclick="document.getElementById('test').src='https://blog.kakaocdn.net/dn/PPwr9/btraexULT6l/H9zl71xiznyIKFpF7OgYMk/img.png'">OFF</button>
결과값
JavaScript로 전구 Turn On/Off 하기 !!
728x90
반응형
'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 |
댓글