[javascript] 매일 매일 요일이 바뀌는 기능 ( innerHTML사용법 )

매일마다 요일이 바뀌는 효과를 자바스크립트로 어떻게 표현하는지 아시나요?

아래 방법을 사용하면 아주 간단하게 확인할 수 있습니다!

 

시작합니다~~

---

가장 먼저...

function getTodayLabel() {
  var week = new Array('일','월','화','수','목','금','토');

  var today = new Date().getDay();
  var todayLabel = week[today];

  return todayLabel;
}
console.log(getTodayLabel());

위 처럼 입력 후 개발자 도구로 콘솔 값을 확인하면 오늘 요일이 찍힐겁니다.

이를 html 화면에 출력하기 위해서는 innerHTML을 사용하면 되고

<span class="today" id="now"></span>
<span>요</span>
<span>일</span>

// 콘솔 값 html 출력
document.getElementById('now').innerHTML = getTodayLabel();

이렇게하면 정상적으로 id가 now인 부분에 나타나게 됩니다.

동그라미친 부분은 제 페이지에 접속한 날에 따라 다르게 나타날 겁니다..!

여러분도 한번 적용시켜보세요~~

 

 

 

 

 

---