728x90
반응형
//폼을 만든다.
//첫번째 방식인 radio를 선택하면 해당 컬러를 선택했다는 알림창을 띄우고 배경색을 바꾼다.
//두번째 방식인 버튼을 선택하면 바로 배경색을 바꾼다.
//세번째 방식인 리스트를 선택하면 바로 글자색을 바꾼다.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body><center>
<h2>색을 고르세요</h2>
<form name="frm9">
<input type="radio" name="color" value="red" id="빨강" onclick="bgc(id, value)">빨강
<input type="radio" name="color" value="blue" id="파랑" onclick="bgc(id, value)">파랑
<input type="radio" name="color" value="pink" id="분홍" onclick="bgc(id, value)">분홍
<input type="radio" name="color" value="green" id="초록" onclick="bgc(id, value)">초록
<input type="radio" name="color" value="lime" id="라임" onclick="bgc(id, value)">라임<p>
<input type="button" name="colors" value="orange" onclick="buc(value)">
<input type="button" name="colors" value="cornflowerblue" onclick="buc(value)">
<input type="button" name="colors" value="lightyellow" onclick="buc(value)">
<input type="button" name="colors" value="deepblue" onclick="buc(value)"><p>
<select name="ccc" onchange="sc(value)">
<option value="white">white
<option value="pink">pink
<option value="black">black
<option value="yellow">yellow
<option value="skyblue">skyblue
</form>
<script>
function bgc(coln, col)
{
alert(coln+"을 선택하셨군요");
document.bgColor=col;
}
function buc(c)
{
document.bgColor=c;
}
function sc(cc)
{
document.fgColor=cc;
}
</script>
</body>
</html>
728x90
반응형