<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()];
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.