JavaScript10 [WEB/JS] 웹페이지 주/야간 모드 설정1 지금까지 만든 웹페이지는 주간모드 야간모드가 설정이 되어있지 않아 어두운 곳에서 볼 때 눈이 아플 수 있다. 자바스크립트로 주/야간 모드 변경하기 위해 일단 버튼을 만들자 WEB이라는 제목 옆에 주간, 야간으로 버튼이 생긴 것을 볼 수 있다. 이제 버튼을 클릭했을 때 화면이 변경되도록 onclick=" "이벤트를 처리해줘야 한다. onclick이벤트 안에 아래와 같은 코드가 들어가는데 document.querySelector('body').style.backgroundColor='white'; document.querySelector('body').style.backgroundColor='black'; 의미를 간단하게 설명하자면 body 태그 영역 안에 있는 백그라운드 화면을 CSS의 style을 이용해.. 2022. 7. 7. [WEB/JS] 출력/이벤트 처리 자바스크립트는 HTML 위에서 동작하기때문에 HTML 코드 중간에 코드를 작성해주면 된다. 아래처럼 HTML 코드가 있을 때 자바스크립트를 중간에 삽입하고 싶으면 body태그 안에 script태그가 위치해 있는 것을 볼 수 있다. script 태그 안에는 document.write()라는 문법이 나와 있는데 이것은 출력을 의미한다. 자바로 치면 System.out.print() 느낌(?) 웹페이지에서도 출력된 것을 확인할 수 있다. *자바스크립트는 HTML과 달리 계산도 출력해준다. JavaScript HTML 1+1 자바스크립트와 HTML 모두에게 1+1이라는 코드를 입력했을때 HTML은 1+1을 그대로 출력하지만 자바스크립트 같은 경우는 1과 1을 더한 2가 출력이 된다. 자바스크립트는 이벤트도 처리.. 2022. 7. 6. 이전 1 2 3 다음
