본문 바로가기

WEB/JavaScript

(2)
[JavaScript] HTML 예제 파일 자바스크립트 적용_(2) - 짱우의 코딩일기 - 티스토리 JavaScript 공부는 '생활코딩! HTML+CSS+자바스크립트' 책을 보면서 공부하고 있다. 다음 글의 예제들도 모두 책에 있는 내용을 바탕으로 작성한 글이다. 그리고 JavaScript 실습을 하면서 사용한 예제는 밑의 링크에서 만들어 놓은 HTML 파일을 바탕으로 사용했다. HTML 예제 (1) HTML 예제 (2) 배열 var arr = ["arr0", "arr1"]; 다음과 같이 배열을 선언할 수 있다. JavaScript의 배열 역시 index는 0부터 시작한다. 배열 활용 배열을 이용해서 실습 예제에서 야간 모드로 화면이 전환되면 태그로 감싸져있는 글자색을 밝게, 주간 모드로 화면이 전환되면 어두운 색으로 만들 예정이다. 위와 같이 'querySelectorAll'을 이용하여 태그로 감싸..
[JavaScript] HTML 예제 파일 자바스크립트 적용 JavaScript 공부는 '생활코딩! HTML+CSS+자바스크립트' 책을 보면서 공부하고 있다. 다음 글의 예제들도 모두 책에 있는 내용을 바탕으로 작성한 글이다. 그리고 JavaScript 실습을 하면서 사용한 예제는 밑의 링크에서 만들어 놓은 HTML 파일을 바탕으로 사용했다. HTML 예제 (1) HTML 예제 (2) 'night', 'day'라는 버튼을 만들어서 'night' 버튼을 클릭하면 자바스크립트를 이용해서 웹 페잊디 배경을 검정화면으로 만들어줄거고 'day' 버튼을 누르면 배경을 다시 하얀화면으로 만들어주는 실습을 할 예정이다. 'night' 버튼과 'day' 버튼 만들기 3.html ( JavaScript 관련 페이지 )에 자바스크립트를 구현할 예정이다. ... 생략 ... WEB ...