1. 작성한 코드 이해가 안 되는 어려운 부분이 너무 많이서 Java Script와 css를 더 공부한 다음에 다시 작성해보기로 했다. 2. 적용된 웹 페이지

1. 작성한 코드 (1) JS (2) css (3) html 2. 웹페이지

1. 클릭할 때마다 title 색 바꾸기 const title = document.querySelector("#title"); const BASE_COLOR = "white"; const OTHER_COLOR= "blue"; function handleClick() { const currentColor = title.style.color; //title의 현재 색 가져오기 if (currentColor === BASE_COLOR) { title.style.color = OTHER_COLOR; } //현재 색이 BASE_COLOR이면 다른 색으로 바꾸기 else { title.style.color = BASE_COLOR; } //현재 색이 BASE_COLOR가 아니면 BASE_COLOR로 바꾸기 } fun..

1. title 활용 으로 작성해준 제목에 "title"이라는 id를 붙였다. 이 title을 JS를 이용해 변경해보는 방법을 배웠다. (1) getElementById() 이용 console.title = document.getElementById("title"); title.innerHTML = "Hi! From JS"; 부분(id = title인 부분)이 "Hi! From JS"로 바뀐 것을 알 수 있다. 즉 Java Script를 이용해 html을 수정할 수 있다는 것이 핵심이다. (2) querySelector() 이용 const title = document.querySelector("#title"); title.innerHTML = "Hi! From JS"; 이 코드의 결과는 위와 동일하다...

1. CSS (1) 파일 만들기: index.css(index는 임의의 이름) (2) html 파일에 배경색을 꾸미는 css 파일 적용시키기 index.css에 작성한 코드가 해당 html 파일에 적용된다. (3) index.css에서 웹페이지 배경색 지정하기 body { background-color = peru; //갈색 } (4) 글씨 색깔 지정하기 예시 웹페이지에서 위의 "This works!"의 글자 색을 변경해보자(index.css) h1 { color: white; //흰색 } (5) 적용된 웹페이지 2. Array 생성 문법 예시 const daysOfWeeks = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]; 인덱스 번호는 가장 왼쪽부터 0에서..