자바스크립트3 html onclick 속성과 자바스크립트를 활용해 서식 변경 버튼 만들기 night 버튼을 클릭하면 배경색은 검정, 글자색은 흰색으로 변경됩니다. 다시 한번 클릭해도 변함없이 페이지가 그대로 출력됩니다. 기본적인 태그를 우선 작성합니다. night가 적힌 버튼을 생성합니다. 버튼을 클릭하면 동적 언어인 자바스크립트 문법이 작동하며 배경을 검은색으로, 글자는 흰색으로 변경합니다. 본문 텍스트는 text text text로 간단히 작성해놓겠습니다. text text text if 조건문 사용하여 배경색 및 글자 서식 바꾸는 버튼 활성화하기 배경이 검은색이고 본문의 글자가 흰색인 타입 A와 배경이 흰색이고 본문의 글자가 검은색인 타입 B를 버튼 하나로 변경할 수 있도록 하겠습니다. night 버튼을 누르면 배경이 검은색, 본문의 글자는 흰색인 타입 A로 변경되면서 버튼 안의 글자는.. 2020. 9. 6. 자바스크립트로 웹페이지 버튼 클릭했을 때 배경색, 글자색 바꾸기 버튼을 클릭했을 때 배경색 및 글자 색상이 변경되도록 하겠습니다. 예시 기본 코드를 먼저 작성합니다. HEAD TEXT JavaScript is so useful. I really want to know how to use it. html onclick 속성 property를 추가 후 자바스크립트를 작성합니다. 버튼을 클릭하는 동적인 상황을 우선 설정해야 합니다. onclick 속성의 값 value는 자바스크립트 문법에 따라 서식을 적용해야 합니다. 웹 페이지에서 자바스크립트 JavaScript 문법으로 서식을 적용할 부분을 선택합니다. 웹 페이지 전체 본문에 대한 내용에 적용할 것이기 body태그를 선택합니다. 문서에서 지정한 부분을 선택하라는 자바스크립트 명령어는 document.querySelect.. 2020. 9. 4. html script 스크립트 태그로 자바스크립트 JavaScript 사용하기 자바스크립트 JavaScript는 웹 페이지의 동작을 구현합니다. html, css로 만든 웹 페이지에 대해 사용자가 취하는 동작에 대해 반응하도록 설계하는 것이 자바스크립트의 역할입니다. 자바 스크립트 예시를 테스트하기 위해 아톰 편집기를 사용하겠습니다. 새 파일을 하나 만들고 html 기본 태그를 작성합니다. 타이틀은 Java로 작성합니다. meta 메타태그로 언어 인코딩 규격 utf-8을 지정하겠습니다. 자바스크립트를 html 문법에 맞추어 사용하기 위해 스크립트 script 태그를 사용합니다. 웹 브라우저는 안 쪽에 작성되는 태그를 자바스크립트로 인식합니다. 웹 페이지에 "JavaScript is so useful!" 문장이 출력되도록 자바스크립트를 작성하겠습니다. 본문에 해당되는 문장이므로, b.. 2020. 9. 3. 이전 1 다음
