야간모드 구현 그거 별 거 아니구만 !
하나의 설정값으로부터 다른 설정값으로 전환 : 토글 기능 구현.
Equal(=)이라는 비교연산자는 좌항과 우항의 관계에 따라 True or False를 만들어내는 연산자.
True와 False를 묶어서 'Boolean'이라 부른다.
Number - 무한하게 많은 숫자.
String - 무한에 버금가게 많음.
Boolean - 단 두개의 데이터로 이루어져 있는 데이터 타입.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1><a href="index.html">WEB</a></h1>
<input id="night_day" type="button" value="night" onclick="
if (document. querySelector('#night_day').value ==='night'){
document.querySelector('body').style.backgroundColor = 'black';
document.querySelector('body').style.color='white';
document. querySelector('#night_day').value ='day';
} else {
document.querySelector('body').style.backgroundColor = 'white';
document.querySelector('body').style.color='black';
document. querySelector('#night_day').value ='night';
}
">
<ol>
<li><a href="1.html">HTML</a></li>
<li><a href="2.html">CSS</a></li>
<li><a href="3.html">JavaScript</a></li>
</ol>
</body>
</html>
야간모드와 주간모드를 바꿔주는 버튼 만들기 실습.
'새로운 경험' 카테고리의 다른 글
[TIL] 2022-11-07 JavaScript 19~23~(~ing) 배열, 반복문(생활코딩)-썰포함 (0) | 2022.11.07 |
---|---|
[TIL] 2022-11-07 JavaScript 18 리팩토링 중복의 제거-코딩잘하는법(생활코딩) (0) | 2022.11.07 |
[TIL] 2022-11-06 JavaScript 13 자바스크립트란 무엇인가(생활코딩) (0) | 2022.11.06 |
[TIL] 2022-11-06 JavaScript 7 변수와 대입 연산자(생활코딩) (0) | 2022.11.06 |
[TIL] 2022-11-06 Javascript 6 데이터타입-문자열과 숫자(생활코딩) (0) | 2022.11.06 |
댓글