내장객체 실습

 

내장객체의 종류
Date 객체	날짜와 시간에 대한 정보를 얻거나 설정
	getDate는 날짜 getDay는 요일
Math 객체	수학 연산을 위한 객체
	Math.random() 형식을 주로 사용

---

Date 객체 실습

자동완성 기능으로 오늘의 날짜에 해당하는 이미지를 가져와보자. 

 

---

내장객체는 컴퓨터에 내장된 기본객체를 뜻한다 

시간. 날짜 . 요일 을 인터넷에 연결하지않아도 컴퓨터에 내장된 시스템을 자동으로 불러올수있다.

 

      // 새로운날짜 today 변수지정

      var today = new Date();

 

내가 today란 변수를 만들어 날짜 내장객체인 Date를 담는다.

 

      // nowDay에 today의 요일을 대입

      var nowDay = today.getDay();

 

내가 만든 today 변수를 또 nowDay 변수에 담아 요일을 나타내는 내장객체인 getDay를 불러온다. 

 

 

      // 컴퓨터는 요일을 숫자로 기억(0은 일 ~ 6은 토)

      if (nowDay == 0) {

        document.write('<img src="images/img7.jpg" alt="일요일에이미지" />');

      } else if (nowDay == 1) {

        document.write('<img src="images/img1.jpg" alt="월요일에이미지" />');

      } else if (nowDay == 2) {

        document.write('<img src="images/img2.jpg" alt="화요일에이미지" />');

      } else if (nowDay == 3) {

        document.write('<img src="images/img3.jpg" alt="수요일에이미지" />');

      } else if (nowDay == 4) {

        document.write('<img src="images/img4.jpg" alt="목요일에이미지" />');

      } else if (nowDay == 5) {

        document.write('<img src="images/img5.jpg" alt="금요일에이미지" />');

      } else if (nowDay == 6) {

        document.write('<img src="images/img6.jpg" alt="토요일에이미지" />');

      }

 

 

컴퓨터는 요일을 숫자로 본다. 0이 제일 첫번째이기 때문에 0은 일요일

숫자에 맞춰 if 문으로 이미지를 지정해준다. 

 

그럼 브라우저에 자동으로 오늘의 날짜에 맞춰 해당하는 이미지를 보여준다.

 

 

 

오늘은 22-12-28 일 수요일이기때문에 

 

else if (nowDay == 3) {

        document.write('<img src="images/img3.jpg" alt="수요일에이미지" />');

      } 

 

수요일의 이미지가 뜬다.

---

Math 객체 실습

 

Math.floor - 소수점 이하의 수는 버린다.

Math.random - 0~1 사이의 난수를 랜덤으로 생성한다.

 

 

var num = Math.floor(Math.random() * 7) + 1;

 

num 이란 변수를 만들어 

Math.random  으로 0~7 이하의 난수를 만들고 

Math.floor 소수점은 버린후

+ 1 한다

 

예를 들어 1보다 작은 0.999999999 의 숫자에 *7 을 해주면 

6.999999999993 이란 숫자가 나온다. 

여기에 소수점을 버리고 +1을 하면 7 이란 숫자가 나온다. 

즉 만들어진 변수는 7보다 큰 숫자는 나올수가 없다. 

 

---

7을 지정한 이유는 이미지가 7까지이기 때문 

 

이제 랜덤으로 이미지가 나오게 설정해보자 

 

---

 

  document.write('<img src="images/img' + num + '.jpg" alt="랜덤이미지"');

 

 

이미지앞 숫자 부분을 +num+ 변수로 넣어주면 

랜덤이미지가 뜬다.