javascript - 객체와 함수
쓰여진 함수들을 객체를 통해서 정리해보자!
코드
<script type="text/javascript">
var Body = {
setbackgroundcolor:function(color){
document.querySelector('body').style.backgroundColor = color;
},
setcolor : function(color){
document.querySelector('body').style.color = color;
}
}
var Link = {
setcolor:function (color){
var a_list = document.querySelectorAll('.color');
var i = 0;
while(i < a_list.length){
a_list[i].style.color = color;
i += 1;}
}
}
function daynight_controll(self){
if(self.value === 'night'){
Body.setbackgroundcolor('black');
Body.setcolor('white');
self.value = 'day';
Link.setcolor('powderblue');
}
else{
Body.setbackgroundcolor('white');
Body.setcolor('black');
self.value = 'night';
Link.setcolor('green');
}}
</script>
</head>
<body>
<h1><a href="site.html" class="color">My Europe Trips</a></h1>
<input class = 'day_night' type='button' value = 'night' onclick = "
daynight_controll(this);
">
<input class = 'day_night' type='button' value = 'night' onclick = "
daynight_controll(this);
">- Link, Body 객체
결과
'특강 > javascript' 카테고리의 다른 글
| javascript - jquery 사용해보기_기초 (0) | 2022.08.01 |
|---|---|
| javascript - script를 js 파일로 저장하여 불러오기 (0) | 2022.08.01 |
| javascript - 함수화 (0) | 2022.08.01 |
| javascript - 반복문(while) (0) | 2022.08.01 |
| javascript - 조건문(if, else) (0) | 2022.08.01 |
