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/dna/PPwr9/btraexULT6l/AAAAAAAAAAAAAAAAAAAAAGpw-HmIcPEEGr9GIgEanl_XkWouwasYChtov4ErLpQ5/img.png?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1769871599&allow_ip=&allow_referer=&signature=J24k5Ik5evBVnNrhUAfBCeWNFZw%3D" style="width:100px">
<button onclick="document.getElementById('test').src='https://blog.kakaocdn.net/dna/dzFzMx/btrac8VsbSt/AAAAAAAAAAAAAAAAAAAAAIYbFn6wSLlUhv6jPtB2PU72XDfbfHRfEnl24urm3wkR/img.jpg?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1769871599&allow_ip=&allow_referer=&signature=Up0kjn4n2lZuNEI5bW6C%2FQAbrew%3D
'">ON</button>
<button onclick="document.getElementById('test').src='https://blog.kakaocdn.net/dna/PPwr9/btraexULT6l/AAAAAAAAAAAAAAAAAAAAAGpw-HmIcPEEGr9GIgEanl_XkWouwasYChtov4ErLpQ5/img.png?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1769871599&allow_ip=&allow_referer=&signature=J24k5Ik5evBVnNrhUAfBCeWNFZw%3D'">OFF</button>

 

결과값

 

JavaScript로 전구 Turn On/Off 하기 !!

반응형