Coding/JavaScript

[JavaScript] 버튼 Onclick 이벤트로 전구 Turn On/Off 하기 !!

포스트it 2021. 7. 21. 22:52
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
반응형