<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="type">Tipo:</label>
<span id="type"></span><br />
<label for="day">Dia da Semana:</label>
<span id="day"></span><br />
<input
name="button"
value="Gerar"
onclick="calcularBissexto()"
type="button"
/>
</form>
const typeEl = document.querySelector('#type');
const dayEl = document.querySelector('#day');
const day_array = [
'Segunda-Feira',
'Terça-Feira',
'Quarta-Feira',
'Quinta-Feira',
'Sexta-Feira',
'Sábado',
'Domingo',
];
const calcular_bissexto = (ano) =>
(ano % 4 == 0 && ano % 100 != 0) || ano % 400 == 0
? 'É bissexto'
: 'Não é bissexto';
function calcularBissexto() {
let date_full = new Date(document.form_main.date.value);
let date_year = date_full.getFullYear();
typeEl.innerText = calcular_bissexto(date_year);
dayEl.innerText = day_array[date_full.getDay()];
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.