My footsteps
일요일 혼공 / (자바스크립트 onclick) 본문
728x90
어제 5-6시간동안 해결 안되던..
자스 온클릭 이벤트...일요일 아침 느긋하게 토스트에 커피 먹고
나혼자산다 보다가 아무생각없이 시작했는데
30분만에 해결 완..
뭐 문제는 이제 내꺼에 어떤식으로 적용하냐이긴 하지만ㅎ
암튼 어이가 없으면서도 기뿌다^^;;
[javascript] 버튼 클릭시 이미지 변경
참고 링크
velog.io
도움이 됐던 강의와 블로그글
엄청 간단한것도 나한테는 어렵다고요!!!!!!ㅠ그리고 어제는 외않됫냐고요!!!!!!ㅠㅜ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button id="submit">클릭</button>
<img src="./clear.png" id="img" style="display: none;">
<script src="./sunday.js"></script>
</body>
</html>
const btn = document.getElementById('submit');
const img = document.getElementById('img');
//할일(함수) = function(){}
btn.addEventListener('click', function(){
//클릭하면 할일 function()
document.body.style.backgroundImage = "url('./clear.png')";
});
728x90
'Develop > 곤부📙' 카테고리의 다른 글
| 토요스터디 / 7주차 (0) | 2023.04.08 |
|---|---|
| 토요스터디 / 6주차 (0) | 2023.04.01 |
| 토요스터디 / 5주차 (0) | 2023.03.25 |
| 일요일 혼공 / (오목 게임 함수화,생활코딩 static) (0) | 2023.03.19 |
| 토요스터디 / 4주차 (0) | 2023.03.18 |