[JavaScript]자바스크립트를 이용한 배경색 변경하기
Web/HTML5&CSS&JavaScript 2018. 10. 19. 14:25
bgColor.HTML 코드
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!DOCTYPE html> <html> <head> <meta charset="EUC-KR"> <title>Insert title here</title> <script type="text/javascript"> function colorChan(color){ document.bgColor=color; } </script> </head> <body> <input type="radio" name="color" value = "yellow" onclick="colorChan(this.value)"> 노란색<br> <input type="radio" name="color" value = "green" onclick="colorChan(this.value)"> 녹색<br> <input type="radio" name="color" value = "blue" onclick="colorChan(this.value)"> 파란색<br> <input type="radio" name="color" value = "red" onclick="colorChan(this.value)"> 빨간색<br> </body> </html> | cs |
document.bgColor 함수를 사용하면 배경색이 바뀝니다.
js 코드
function colorChan(color){
document.bgColor=color;
}
색상은 HTML코드에 input태그에서 onclick으로 colorChan함수를 호출할 때 색상을 보내줍니다.
<input type="radio" name="color" value = "yellow" onclick="colorChan(this.value)">
실행화면
'Web > HTML5&CSS&JavaScript' 카테고리의 다른 글
[JavaScript] 회원가입 유효성검사 (0) | 2018.10.22 |
---|---|
[JavaScript] 자바스크립트(js) push, shift, pop, sort, reverse 함수 (0) | 2018.10.19 |
[JavaScript] 자바스크립트를 이용한 계산기 만들기 (0) | 2018.10.19 |