버튼만들기>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript button</title>
</head>
<body>
<h2 style="color:red">JavaScript</h2>
<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';">
<p>
버튼을 눌러서 배경색과 글씨색을 변경한다.
</p>
night를 누르면 검정색 배경, 하얀색 글씨
<p>
day를 누르면 하얀색 배경, 검정색 글씨
</p>
</body>
</html>'실습기록' 카테고리의 다른 글
| 7월 5일 project - 데이터베이스 뷰 생성(My SQL) (0) | 2023.07.08 |
|---|---|
| 7월 4일 project - AJAX (0) | 2023.07.05 |
| 7월 3일 project - CSS 레이아웃 (0) | 2023.07.04 |
| CSS 연습 (0) | 2023.01.31 |
| HTML 작성 예시 (0) | 2023.01.19 |