Etiqueta: fechas

Ejemplos fechas JS

Un reloj con el día de la semana:

<div id="contenedor" class="container ">
		<h1 id="fecha"></h1>
		<h1 id="reloj"></h1>
	</div>
	<script src="js/test.js"></script>

setInterval(reloj, 1000)

function reloj () {
  const dias = ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado']
  const hoy = new Date()
  const diaSemana = dias[hoy.getDay()]
  document.getElementById('reloj').innerHTML = hoy.toLocaleTimeString()
  document.getElementById('fecha').innerHTML = hoy.toLocaleDateString() + ' y es ' + diaSemana
}

Calculador día semana:

	<div id="contenedor" class="container ">
		Día:<input type="number" id="dia">
		Mes:<input type="number" id="mes">
		Año:<input type="number" id="anyo">
		<button id="calcular">Calcular</button>
		<h1 id="resultado"></h1>
	</div>
	<script src="js/test.js"></script>


document.getElementById('calcular').addEventListener('click', calcular)

function calcular () {
  const dias = ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado']

  const dia = document.getElementById('dia').value
  const mes = document.getElementById('mes').value
  const anyo = document.getElementById('anyo').value
  console.log(dia, mes, anyo)
  const fecha = new Date(anyo, mes - 1, dia)
  console.log(fecha)
  const diaSemana = dias[fecha.getDay()]
  document.getElementById('resultado').innerHTML = 'Era un ' + diaSemana
}