JS로 윤년 계산하기

[clique aqui para português]

4년마다 윤년이 있는데 어느 해가 윤년인지 헷갈리기 쉽기 때문에 더 이상 그걸로 고통받지 않기 위해 윤년인지 아닌지 알아보는 새로운 프로젝트를 만들어 보겠습니다.

암호

먼저 인터페이스를 만들고 HTML만 사용하여 간단한 작업을 수행합니다.

<h1>Calcular ano bissexto</h1>
<form name="form_main">
  <label for="date">Data:</label> 
  <input name="date" id="date" size="20" type="date" /><br />
  <label for="tipo">Tipo:</label> 
  <span id="tipo"></span><br />
  <label for="dia">Dia da Semana:</label> 
  <span id="dia"></span><br />

  <input name="button" value="Gerar" onclick="calcularBissexto()" type="button">
</form>

HTML 구조에서 연도가 윤년인지 아닌지 알고 싶은 날짜를 수신하고 약간의 증가를 주기 위해 요일도 알아내기 위해 입력이 생성되었습니다.

이제 calcularBissexto() 함수를 만들어 봅시다.

function calcularBissexto() {
  let day_array = [
    'Segunda-Feira', 
    'Terça-Feira', 
    'Quarta-Feira', 
    'Quinta-Feira', 
    'Sexta-Feira', 
    'Sábado', 
    'Domingo'];
  let date_full = new Date(document.form_main.date.value);
  let calcular_bissexto = (ano) => (ano % 4 == 0 &&  ano % 100 != 0 ||  ano % 400 == 0)  
  ? 'E bissexto' : 'Nao e bissexto';
  document.querySelector('#tipo').innerText = calcular_bissexto(date_full.getFullYear());
  document.querySelector('#dia').innerText = day_array[date_full.getDay()];
}

이 함수( calcularBissexto() )에는 요일이 있는 day_array 변수, 날짜 입력을 받는 date_full 변수가 있으며 날짜를 확인하는 calcularBissexto라는 함수가 있습니다.

calcularBissexto 함수에서 확인된 사항은 다음과 같습니다.

연도 모듈 4가 0이고 연도 모듈 100이 0과 다른 경우 도약 = 참

모듈 400이 0이면 도약 = true입니다.

다른 경우는, 도약 = 거짓입니다.

요일을 찾기 위해 변수date_full를 사용하고 숫자 값(0-6)을 반환하는 표준 함수getDay()를 사용하고 해당 값으로 요일day_array[date_full.getDay()을 찾습니다.

그렇게 간단하게 준비했습니다.

데모

아래에서 작업하는 전체 프로젝트를 참조하세요.

유튜브

시청을 선호하는 경우 youtube(PT-BR의 비디오)에서 개발 내용을 확인합니다.

읽어 주셔서 감사합니다!

질문, 불만 사항 또는 팁이 있는 경우 여기에 의견을 남길 수 있습니다. 기꺼이 답변해 드리겠습니다!

😊😊 또 만나요! 😊😊