web/javascript 기초

[javascript] D-Day-Counter (2)

xudegloss 2023. 5. 5. 12:47

조건문

1. 조건문 

  1. 데이터가 들어왔을 때, 조건을 확인한다.
  2. true인 경우 run code.
  3. false인 경우 skip code.
if(조건){
	조건 성립 시 실행하는 코드
}else{
	조건 성립하지 않을 시 실행하는 코드
}

 

경우에 따라 run another code 가능.

 

if(조건 1){
	조건 1 성립 시 실행되는 코드
}else if(조건 2){
	조건 2 성립 시 실행되는 코드
}else{
	위의 조건 모두 성립하지 않을 시에 실행되는 코드
}

 

2. 논리 연산자

  • && : AND 연산자, 모두 true인 경우에 true
  • || : OR 연산자, 하나라도 true인 경우에 true

3. 비교 연산자

두 개의 데이터 서로 비교하는 연산자

  • === : 엄격한 비교, Boolean 값 반환한다.
  • == : 느슨한 비교, 예측할 수 없는 결과 반환할 수 있기에 사용하지 않는 것이 좋다.

태그에 내용 추가 비교하기

공통점 : 태그 안 내용을 js에서 조작할 수 있다. 데이터를 화면에 뿌릴 수 있다.

 

  • innnerHTML : 태그 안에 컨텐츠를 변경하는 명령어이다. 태그의 종류도 변경 가능.
  • innerText : 태그 안에 컨텐츠를 변경하는 명령어이다. 태그의 종류 변경 불가능.
  • textContent : 태크 안에 컨텐츠를 넣는 명령어이다.

상황에 맞게 선택하여 이용하면 된다.