[ JavaScript ] if문, 주요 API

하루입니다.

 

 

---

 

 

if문 for문 배웠다. 사용법은 자바와 유사하다고 생각해서 차이점 위주로.

 

if문은 자바와 사용법 같다. 차이점은 자.스가 false로 인식하는 값에 ""가 있다는 걸 조건으로 사용할 수 있다는 것.

 

1. true, false, 비교연산자/논리연산자가 사용되는 연산식 -> 당연히 사용 가능하다. 

     if (average >= 60) {  }

 

 

2. 참/거짓으로 판정되는 값을 사용하는 것.

let usePoint = document.quertSelector("#use-point").value;
            if (usePoint) {

            }

id가 use-point인 것의 값을 usePoint에 넣을 건데, 만약 값이 없다면 ''가 되므로 false이다. 이런 식으로 이용 가능하다.

 

 

 

 

자바의 주요 API

document.querySelector("CSS선택자")       

• Element가 반환된다.
• CSS선택자로 선택되는 엘리먼트를 찾아서 반환한다.
• CSS선택자로 선택되는 엘리먼트가 여러개일때는 첫번째 것만 반환한다.

 

 

document.querySelectorAll("CSS선택자")      

• 자바로 치면 List<Element>가 반환된다.
• CSS선택자로 선택되는 엘리먼트를 모두 찾은 다음 배열에 담아서 반환한다.
• CSS선택자로 선택되는 엘리먼트가 여러개일때 사용한다.
• CSS선택자로 선택되는 엘리먼트가 하나밖에 없어도 배열에 담아서 반환한다.
  
  

 

폼 입력 엘리먼트의 값 조회 / 변경하기

• 입력필드에 입력된 값 조회하기   :   let 변수명 = element.value;
• 입력필드의 값 변경하기             :    element.value = 값;

 

 

일반 엘리먼트의 텍스트 컨텐츠 조회 / 변경하기

• 엘리먼트의 텍스트 컨텐츠 조회하기  :  let 변수명 = element.textContent;
• 엘리먼트의 텍스트 컨텐츠 조회하기  :  element.textContent = 값;

 

 

문자열을 정수나 실수로 변환하기

• 문자열을 정수로 변환하기
  let 변수명 = parseInt("1234");      // 1234가 대입된다.
• 문자열을 실수로 변환하기
  let 변수명 = parseFloat("3.14");    // 3.14가 대입된다.
  

 

 

숫자값의 소수점이하 반올림하기 / 버리기

• 반올림하기
  let 변수명 = Math.round(123.7);     // 124가 대입된다.
• 버리기
  let 변수명 = Math.trunc(123.7);     // 123가 대입된다.

 

 

---

 

 

오늘 한 것
 - if문 사용해서 합불 조회 / 자동차 수리 견적 구하기

 - for문 + 배열 사용해서 회원명단에 회원 입력/삭제 가능하게 하기, 메일 전체 선택하기

 

 

---

 

 

 

잘못된 정보에 대한 지적은 언제나 환영입니다. 

 

복습 끝!