[자바스크립트]documet 이용 배경바꾸기 .JS
2018. 4. 5. 13:40
728x90
반응형
라디오 박스 이용 배경바꾸기
STP 1. HTML <body>
</body> 만들기 라디오 타입으로 노랑 녹색 파랑 빨강 만들고 이벤트를 주기 위해서 onclick추가
STP 2. <script>
</script> 에서 함수 만들기 document.bgColor 이용 하여 배경 색을 변경해줌
STP 3 <body></body> changColor함수에 ('색')
onclick="changeColor('GREEN') 또는
value="YELLOW" onclick="changeColor(this.value) 해서 색깔 지정
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
function changeColor(color){
document.bgColor = color;// 도큐먼트 비지컬러 이용
//document.body.style.backgroundImage = "url('해병.jpg')"; //이미지 넣기
}
</script>
</head>
<body>
<input type="radio" name ="colors" value="YELLOW" onclick="changeColor(this.value);" >노랑<!--방법 1-->
<br>
<input type="radio"name ="colors" onclick="changeColor('GREEN');">녹색<!--방법 2-->
<br>
<input type="radio"name ="colors" onclick="changeColor('BLUE');" >파랑색
<br>
<input type="radio" name ="colors" onclick="changeColor('RED');" >빨강
<!-- <br> <input type="radio"name ="colors" onclick="changeColor('BLUE');" >해병대 body 전체를 바구고 싶을
때--> </body>
</html>
|
cs |
<결과값> document 해서 body에 이미지 넣기
document 해서 이용 배경 색 바꾸기
저의 블로그 봐주셔서 감사합니다
재.미.있.게 보셧다면 아래 하트 ❤(공감) 과 댓글 부탁 드려요 .
728x90
반응형
'자바스크립트()' 카테고리의 다른 글
| [자바스크립트]java scr ipt배열 (Array) js 잘하기 참고 사이트 링크, 코드포함 (0) | 2021.04.28 |
|---|---|
| 자바스크립트 showImage(이미지변경하기) (0) | 2018.04.06 |
| [html][JavaScript] 초간단 웹에서 자바 스크립트 달력 만들기/코드 포함 (2) | 2018.04.05 |
이 글을 공유합시다
