728x90
반응형
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<input type="button" value="orange" id='orange' onclick="ch_color(value)"><p>
<input type="button" value="pink" onclick="ch_color(value)"><p>
<input type="button" value="skyblue" onclick="ch_color(value)"><p>
<input type="button" value="grey" onclick="ch_color(value)"><p>
<script>
function ch_color(c)
{ document.bgColor=c; }
</script>
<h1>버튼으로 배경색과 글자색 바꾸기</h1>
<input type="button" value="빨간색 배경과 노란색 글자" onclick="ch_color('red', 'yellow')"><p>
<input type="button" value="주황색 배경과 빨간색 글자" onclick="ch_color('orange', 'red')"><p>
<input type="button" value="노란색 배경과 초록색 글자" onclick="ch_color('yellow', 'green')"><p>
<input type="button" value="파란색 배경과 흰색 글자" onclick="ch_color('blue', 'white')"><p>
<script>
function ch_color(bc,fc)
{
document.bgColor=bc;
document.fgColor=fc;
}
</script>
</body>
</html>728x90
반응형