제어할 태그 선택
정정인 코드
<body style="background-color:black;">
body인 태그의 스타일을 동적으로 변경
주간/야간 모드
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<input type="button" value="night" onclick="
document.querySelector('body').style.backgroundColor = 'black';
document.querySelector('body').style.color = 'white';
">
<input type="button" value="day" onclick="
document.querySelector('body').style.backgroundColor = 'white';
document.querySelector('body').style.color = 'black';
">
</body>
</html>
JavaScript
- 프로그래밍 언어
- Programming 순서를 만드는 행위
- 사용자와 여러가지 명령어로 시간의 순서에 따라 상호작용
- 조건에 따라서 기능실행
- 반복에 따라서 기능 실행
- 복잡해진 순서를 정리
Array
배열
데이터중 연관된 데이터를 정리해서 담아두는 수납상자
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array
Array - JavaScript | MDN
JavaScript Array 전역 객체는 배열을 생성할 때 사용하는 리스트 형태의 고수준 객체입니다.
developer.mozilla.org
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var names = ["kang", "HYEOK"];
</script>
<h2>my name<h2>
<script>
document.write(names[0]);
document.write(names[1]);
</script>
<h2>add<h2>
<script>
names.push("nameadd");
</script>
<h2>count<h2>
<script>
document.write(names.length);
</script>
</body>
</html>
