728x90
1.
위의 이미지와 같이, 해당 웹 페이지에서,
night 버튼을 눌렀을 때, day 버튼을 눌렀을 때,
배경색을 검은색으로, 글씨색은 흰색으로,
또는
배경색을 흰색으로, 글씨색은 검은색으로 변경 하고 싶다면 어떻게 해야 할까 ?
버튼을 클릭 했을 때, <body> 태그의 스타일 속성을 바꾸는 방법을 알면 된다.
이는, style에 들어가는 CSS 지식을 조금은 알고 있어야 가능한 부분이기는 하다.
뿐만아니라,
<body> 태그를 웹 브라우저에게 알리기 위한, 자바스크립트 문법을 알아야 한다.
만약에, 자바스크립트 문법을 사용 하지 않는다면,
웹 페이지는 항상 정적일 것이다.
왜냐하면, HTML 태그 언어는 정적언어 이기 때문 이다.
한번 화면에 표시되면 자신을 바꿀 수 없는 능력을 가졌기 때문 이다.
하지만, 자바스크립트는 동적언어 이다.
정리하자면,
1) CSS의 가장 본질적이고 중요한 문법을 알아보기.
2) 자바스크립트를 이용해 제어하고자 하는 태그를 선택하는 문법을 알아보기.
반응형
'생활코딩 HTML + CSS + 자바스크립트 > 자바스크립트 이론' 카테고리의 다른 글
| 10 CSS 기초 : <style> 태그 (0) | 2023.07.11 |
|---|---|
| 09 CSS 기초 : style 속성 (0) | 2023.07.11 |
| 07 변수와 대입 연산자 (0) | 2023.07.10 |
| 06 데이터 타입 - 문자열과 숫자 (0) | 2023.07.10 |
| 05 HTML과 JS의 만남 : 콘솔 (0) | 2023.07.02 |