Búsqueda de eventos históricos en JavaScript
Supongamos que queremos crear un sitio web que muestre
una tabla de eventos históricos de un año específico.
Que el año se introduzca en un input. Al
pulsar Enter mostraremos la tabla
de eventos que ocurrieron en ese año. Como
información del evento, queremos ver la
fecha, el nombre y la descripción del evento. Permítanme
mostrarles un ejemplo de lo que debería resultar
(para simplificar, he creado eventos para los años 2000,
2001 y 2002):
Aquí está el markup que pueden usar para resolver la tarea:
<div id="parent">
<input id="input" placeholder="introduzca el año y pulse Enter">
<table id="table"></table>
</div>
* {
box-sizing: border-box;
}
#parent {
margin: 0 auto;
width: 600px;
}
#input {
width: 100%;
margin-bottom: 10px;
padding: 10px;
}
#table {
width: 100%;
}
#table td {
padding: 10px;
text-align: center;
border: 1px solid black;
}
Piensen cuál es la forma más conveniente de almacenar los eventos históricos.
Implementen el sitio web descrito.
