본문 바로가기

코딩36

JavaScript 자바스크립트 조건문 if else 기본 원리 자바스크립트 조건문 if else는 true 참, false 거짓의 조건에 따라 코드를 출력 또는 무시합니다. 조건문 테스트를 위해 예시 코드를 작성합니다. 새로운 html 파일을 하나 만듭니다. head 태그에 문자 인코딩 utf-8 규약 및 타이틀 등 내용을 추가합니다. 본문에는 자바스크립트 document.write 명령으로 apple, banana, coconut, eggs를 순서대로 출력하고 각 내용마다 한 줄씩 줄 바꿈을 하겠습니다. 기본 코드 예시는 아래와 같습니다. if(true)는 이어지는 { } 안의 내용을 출력되고, else에 이어지는 { } 안의 내용은 무시합니다. if(true)에 이어지는 {document.write("banana ");}의 코드는 출력됩니다. 반면에 if(tru.. 2020. 9. 6.
Comparison operators 비교연산자와 데이터타입 (Number 숫자열, String 문자열, Boolean 불리언) 데이터 타입에는 Number 숫자, String 문자, Boolean 불리언이 있습니다. 여기서 Boolean 불리언은 숫자 타입, 문자 타입의 관계에 대해 참 true 또는 거짓 false 등 논리 값을 다룹니다. 영국의 수학자 George Boolean의 이름을 따와서 만든 용어입니다. Boolean은 다양한 비교 연산자를 활용하여 데이터 타입의 논리 값을 출력합니다. 예시를 테스트하기 위해 기본 코드를 작성합니다. 웹 문서의 제목은 Sample로 합니다. 이제 아래 body 태그에 자바스크립트 왼쪽에 있는 숫자 타입 12345와 오른쪽에 있는 숫자 타입 54321 두 값을 비교하겠습니다. 동일하게 코드를 작성합니다. 두 값의 타입은 숫자로 동일하지만 값이 다르기 때문에 false가 출력됩니다. 12.. 2020. 9. 5.
자바스크립트로 웹페이지 버튼 클릭했을 때 배경색, 글자색 바꾸기 버튼을 클릭했을 때 배경색 및 글자 색상이 변경되도록 하겠습니다. 예시 기본 코드를 먼저 작성합니다. 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.