document 객체
파라미터로 전달받은 색상명을 사용하여 배경색 변경하기
<title></title>
<script type="text/javascript">
function func(color) { // 파라미터 변수 설정
document.bgColor = color;
}
</script>
<head>
</head>
<body>
<input type="button" name="bgColor" value="RED" onclick="func(this.value)">RED
// onclick 속성으로 라디오 버튼 클릭하면 함수 실행되도록!
<input type="button" name="bgColor" value="YELLOW" onclick="func(this.value)">YELLOW
<input type="button" name="bgColor" value="SKYBLUE" onclick="func(this.value)">SKYBLUE
</body>
🔗 참고
this.value태그 내에서
this의 의미는 해당 태그 자체를 의미한다.
this.속성명지정 시 해당 태그 내의 속성 값을 지정하는 용도로 사용된다.
-> value 속성을 색상명으로 지정했을 경우 함수 호출 시 파라미터에 직접 색상명을 지정하는 것이 아니라this.value값을 전달하더라도 value 값이 전달되기 때문에 동일한 색상명이 전달된다.
개발자가 되었어요⭐️