jineecode

달력 본문

JS

달력

지니코딩 2021. 7. 9. 09:32

1. 오늘로부터 5일간 요일 표시

배열의 index가 7을 넘어가면 0으로 돌아가게 하는 것이 포인트

 

const days = ["일", "월", "화", "수", "목", "금", "토"];

function calculateDay() {
    let today = new Date();
    let currentDay = today.getDay();
    $("#todayTitle").text(days[currentDay]);
    console.log("Today:", days[currentDay]);

    // tommorow
    let tomorrow = currentDay + 1;
    if (tomorrow > 6) {
        tomorrow = 0;
    }
    $("#tomorrowTitle").text(days[tomorrow]);
    console.log("Tomorrow:", days[tomorrow]);

    // dayAfter
    let dayAfter = tomorrow + 1;
    if (dayAfter > 6) {
        dayAfter = 0;
    }
    $("#dayAfterTitle").text(days[dayAfter]);
    console.log("Day After Tomorrow:", days[dayAfter]);

    // twoDayAfter
    let twoDay = dayAfter + 1;
    if (twoDay > 6) {
        twoDay = 0;
    }
    $("#twoDayAfterTitle").text(days[twoDay]);
    console.log("two Day:", days[twoDay]);

    // threeDayAfter
    let threeDay = twoDay + 1;
    if (threeDay > 6) {
        threeDay = 0;
    }
    $("#threeDayAfterTitle").text(days[threeDay]);
    console.log("three Day:", days[threeDay]);
}

calculateDay();

'JS' 카테고리의 다른 글

replace 잘 활용하기.  (0) 2021.09.03
textarea backspace 방지 코드  (0) 2021.07.12
byte 제한 검증  (0) 2021.07.08
javascript 뒤로가기 방지 코드  (0) 2021.07.08
onclick 링크 (새창/팝업/현재창/프레임)  (0) 2021.06.30
Comments