티스토리 뷰

LANGUAGE/JAVA SCRIPT

[JAVA SCRIPT] 배경 색깔 바꾸기

진심스테이크 2018. 4. 5. 13:34

 

 

 

 

RadioButton을 사용하여 배경 색깔 바꿔보기

<!DOCTYPE html>
<html>
<head>
    <title>배경 색 바꾸기</title>
    <script type="text/javascript">
        function ChangeColor(color){ //각 value를 불러와서 지정
            document.bgColor = color;
        }
    </script>
</head>
<body>
    <input type="radio" name="bgColor" value="yellow" onclick="ChangeColor(this.value)">노란색<br>
    <input type="radio" name="bgColor" value="green" onclick="ChangeColor(this.value)">초록색<br>
    <input type="radio" name="bgColor" value="blue" onclick="ChangeColor(this.value)">파란색<br>
    <input type="radio" name="bgColor" value="red" onclick="ChangeColor(this.value)">빨간색
</body>
</html>

'LANGUAGE > JAVA SCRIPT' 카테고리의 다른 글

[JAVA SCRIPT] 계산기  (0) 2018.04.05
[JAVA SCRIPT] 배열 관련 객체  (0) 2018.04.05
[JAVA SCRIPT] ALERT( )  (0) 2018.04.05
[JAVA SCRIPT] String 내장객체  (0) 2018.04.04
[JAVA SCRIPT] 비교 연산자  (0) 2018.04.04
댓글