반응형
document.bgColor => 배경색 지정
document.fgColor => 글자색 지정
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21 |
<!doctype html>
<html>
<head><title> 버튼으로 배경색 글자색 바꾸기 </title>
<meta charset="utf-8">
<script language="javascript">
function coch(bg_color, font_color){
document.bgColor=bg_color;
document.fgColor=font_color;
}
</script>
</head>
<body bgcolor="lightgray"><center>
<h1> 버튼으로 배경색 글자색 바꾸기 </h1>
<input type="button" value="RED" onClick="coch('red', 'blue')">
<input type="button" value="BLUE" onClick="coch('blue', 'yellow')">
<input type="button" value="YELLOW" onClick="coch('yellow', 'red')">
</center>
</body>
</html> |
cs |
반응형
'프로그래밍 > 웹' 카테고리의 다른 글
| html 프레임을 이용해서 페이지분할하기 (0) | 2017.06.02 |
|---|---|
| 로그인 폼 작성 (0) | 2017.06.02 |
| 이벤트 팝업창 띄우기 (0) | 2017.06.01 |
| 자바스크립트(javascript) 글자색을 무작위로 바꿔보자 (0) | 2017.05.02 |
| 자바스크립트(javascript) 이벤트 핸들러 (0) | 2017.05.01 |
