#2-5 첫번째 조건문!! If, else, and, or

 

이번엔 if-else라는 걸 설명할거예요. if-else는 기본적으로 프로그래밍에서

cost title = document.querySelector("#title");

function handleClick() {
	title.style.color = "blue"
    }
    
 title.addEventListener("click", handleClick);

이건 조건입니다. 많은 것들이 조건이에요.

예를 들어 유저가 로그인 했으면 이걸 보여 주고 안했으면 다른걸 보여 주는 겁니다. 유저가 여길 클릭 했으면 이걸 하고
아니면 다른걸 하게 해요. 좀 더 구체적으로 플레이어가 총알을 만지면 죽고 아니면 계속 가는 거. 이런 거요. 이 모든게 if-else, if-else, if-else입니다. 다행인건 if-else는 거의 모든 프로그래밍 언어에 같은 구조로 있다는 거예요. 거의 같은 컨셉인거죠!

if( )는 이렇게 생겼습니다.

if(조건){
    block
	}else{
    block }

block은 자바스크립트 표현법이에요. console.log, alert,  아무거나 와도 되고, 조건이란 이게 뭐든 참을 의미 하면 뭐든 넣을 수 있습니다.

예를 들어

if(10 > 5){
    console.log("hi");
	}else{
    console.log("ho");
    }

결과값은 hi입니다. 10이 5보다 크기 때문이죠. 이게 여러분의 첫 번째 조건문입니다.

if(10 === 5){
    console.log("hi");
	}else{
    console.log("ho");
    }

 

이건 'ho'가 나옵니다. 10은 5하고 같지 않으니까요! 그래서 이 조건은 항상 참값입니다. 만약 이 조건이 참이 아니면
블럭을 건너뛰고 else 블럭을 실행시킬 겁니다. if 조건은 적은 것을 실행하게 하려면 항상 참이어야 합니다.

다음 글에서는 title을 클릭할 때를 체크할 것입니다. title 색깔이 레드면 블루로 만들고 블루면 레드로 만드는 그런 식으로 할거예요.

그럼 다음에 봐요^_^