객체 - Date, Math

*기본문법

 

- 두 가지 방식

1. var tv = new Object();

2. var car = { 변수이름: 값; }    <====  변수와 값 사이에 " : " 콜론 사용.

 

var tv = new Object();
tv.color = "white";
tv.price = 300000;
tv.info = function() {
    document.write("tv 색상: " + this.color, "<br>");
    document.write("tv 가격: " + this.price, "<br>");
}

var car = {
    color: "black",
    price: 5000000,
    info: function() {
        document.write("car 색상: " + this.color, "<br>");
        document.write("car 가격: " + this.price, "<br>");
    }
}

document.write("<h1>tv 객체 메서드 호출</h1>");
tv.info();
document.write("<h1>car 객체 메서드 호출</h1>");
car.info();


값
tv 객체 메서드 호출 //h1으로 출력

tv 색상: white
tv 가격: 300000


car 객체 메서드 호출 //h1으로 출력

car 색상: black
car 가격: 5000000

 

 

 

*요일을 문자로 표기 - Date( )

var date = new Date();
var year = date.getFullYear();
var month = date.getMonth() + 1;
var dat = date.getDate();
var day = date.getDay();

document.write(year + "년", "<br>");
document.write(month + "월", "<br>");
document.write(dat + "일", "<br>");



switch(day) {
    case 0:
        document.write("일요일","<br>");
        break;
    case 1:
        document.write("월요일","<br>");
        break;
    case 2:
        document.write("화요일","<br>");
        break;
    case 3:
        document.write("수요일","<br>");
        break;
    case 4:
        document.write("목요일","<br>");
        break;
    case 5:
        document.write("금요일","<br>");
        break;
    case 6:
        document.write("토요일","<br>");
        break;
}


값
현재 년도 월 일 요일이 출력   
2020년 5월13일 기준

2020년
5월
13일
수요일

 

 

 

*묵 찌 빠 맞히기 - Math (random)

var game = prompt("묵 찌 빠 선택");
var gameNum;

switch(game) {
    case "찌":
        gameNum = 1; break;
    case "묵":
        gameNum = 2; break;
    case "빠":
        gameNum = 3; break;
    default: alert("wrong");
    location.reload();
}

var com = Math.ceil(Math.random()*3);

document.write("<img src=\"./js/math_img_" + com + ".jpg\">");

if(gameNum==com) {
    document.write("정답!");
} else {
    document.write("노답");
}



값
프롬프트에 묵, 찌, 빠 (가위, 바위, 보) 를 넣으면
랜덤으로 이미지가 뜨고 

이미지 번호와 switch 값이 일치하면 - 정답
이미지 번호와 switch 값이 불일치면 - 노답

 

 

 

*가위 바위 보

var user_choice = prompt("1.가위, 2.바위 3.보");
user_choice = Number(user_choice);
document.write(user_choice, "<br>");

var computer_choice = 0;
computer_choice = Math.floor(Math.random() * 3) + 1;
document.write(computer_choice, "<br>");


if (user_choice == computer_choice) {
    alert("비김");
} else {
    if (user_choice == 1) {
        if (computer_choice == 2) {
            alert("짐");
        } else if (computer_choice == 3) {
            alert("이김");
        }
    } else if (user_choice == 2) {
        if (computer_choice == 1) {
            alert("짐");
        } else if (computer_choice == 3) {
            alert("이김");
        }
    } else if (user_choice == 3)
        if (computer_choice == 1) {
            alert("짐");
        } else if (computer_choice == 2) {
            alert("이김");
        }
}


값
프롬프트에 1~3 중 하나를 넣으면
컴퓨터에 랜덤값을 *3이 있으므로
user_choice 값과 computer_choice 값을 대조해서

"이김" 혹은 "짐" 경고창이 뜸


※프롬프트에 문자 값을 주면 유저값은 NaN이 뜨고 
  승패를 알려주는 경고창이 안뜸