JAVASCRIPT - 초급 4편

* if조건문

if / else if / else

if (조건식) {
  실행할 코드
}
function comparison(num1, num2) {
	if(num1 > num2) {
      console.log("첫번째 값이 더 큽니다"); /* if의 조건문이 참일때 실행할 코드 */
    } else if (num1 < num2) {
      console.log("두번째 값이 더 큽니다"); /* else if의 조건문이 참일때 실행할 코드 */
    } else {
      console.log("두 값은 동일합니다"); /* 모든 조건식이 아닐때 실행할 코드 */
    }
}  
comparison(10,3);
comparison(4,7);
comparison(5,5);

* if문을 활용한 3,6,9 게임

1. 3의 배수일때 박수치기

funcion tsn(num) {
	if (num % 3 == 0) {
    	console.log("짝!");
    } else {
      console.log("통과~");
    }
}
tsn(3); /* 짝! */
tsn(11); /* 통과~ */
tsn(12); /* 짝! */
/* 배수는 나눴을때 나머지가 0이 되면 배수가 된다 */

2. 3의 배수일때 박수 한번, 9의 배수일때 박수 두번 치기

funcion tsn(num) {
	if (num % 9 == 0) {
    	console.log("짝!짝!");
    } else if (num % 3 == 0) {
      	console.log("짝!");
    } else {
      console.log("통과~");
    }
}
tsn(3); /* 짝! */
tsn(9); /* 짝!짝! */
tsn(14); /* 통과~ */
/* 3과 9의 공배수가 존재하기 때문에 9의 배수를 먼저 조건식으로 받아주게 되면 중복을 피할 수 있다*/

3. 마지막 자리의 숫자가 3,6,9일때 박수치기

funcion tsn(num) {
	if (num % 10 == 3 || num % 10 == 6 || num % 10 == 9) {
    	console.log("짝!");
    } else {
      console.log("통과~");
    }
}
tsn(3); /* 짝! */
tsn(12); /* 통과~ */
tsn(13); /* 짝! */
/* 마지막 자리의 숫자가 3,6,9가 되야 하기 때문에 num을 10으로 나눴을때 나머지를 비교하면 된다 */

* truthy 자료와 falsy 자료 ( if문 내에서 조건을 비교하는 자료 )

truthy = 0제외 숫자, '문자', [], {}

falsy = 0, ''(공백), null, undefined, NaN

* 비교연산자

==, === , != , > , < , >= , <= ...

num1 == num2 /* 값 비교 */
num1 != num2 /* 값이 아닌지 비교 */
num1 === num2 /* 값과 타입 비교 */
num1 > num2 /* num1이 더 큰지(초과) */
num1 < num2 /* num1이 더 작은지(미만) */
num1 >= num2 /* num1이 크거나 같은지(이상) */
num1 <= num2 /* num1이 작거나 같은지(이하) */

주의점

var num = 1; /* = 는 대입 */ /* num이라는 변수에 1이라는 값을 대입 */
num1 == num2 /* == 값 비교 */
num1 === num2 /* == 값과 타입까지 비교 */

* &&(and), ||(or) 연산자

&& (and)연산자

if((num1 && num2) == 0) {
	console.log("AND연산자를 활용하여 num1과 num2가 둘다 0이면 참이되는 조건");
} /* and연산자 */

|| (or)연산자

if((num1 || num2) == 0) {
	console.log("OR연산자를 활용하여 num1과 num2가 둘중 하나만 0이어도 참이되는 조건");
} /* or 연산자 */

* alert 함수 : 간단한 알림 팝업

javascript

alert("간단한 알림 팝업 함수 alert 입니다");

document.querySelector("button").addEventListener("click",function () {
	alert("간단한 알림 팝업 함수 alert 입니다");
} /* button 태그를 클릭하는 이벤트가 발생되면 alert함수를 실행 */

* console.log 함수 : 개발자창(F12 단축키)에서 console 확인 가능한 함수

javascript

console.log("console 확인 가능한 함수 입니다");

document.querySelector("button").addEventListener("click",function () {
	console.log("console 확인 가능한 함수 입니다");
} /* button 태그를 클릭하는 이벤트가 발생되면 console함수를 실행 */