AVASCRIPT-初級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の倍数で1回、9の倍数で2回拍手

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으로 나눴을때 나머지를 비교하면 된다 */

*実際のデータと虚偽のデータ(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関数:「開発者」ウィンドウ(F 12ショートカット)で表示されるコンソール関数


javascript

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