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>