Search for historical events in JavaScript
Let's say we want to write a website that displays
a table of historical events for a particular year.
Let the year be entered into the input. By pressing
Enter
, let's display a table of events that
happened this year. Suppose we want to see the date,
name and description of the event as information
about the event. Let me show you an example of how
it should turn out (for simplicity, I made events
for 2000
, 2001
and 2002
):
Here is the layout that you can use when solving the problem:
<div id="parent">
<input id="input" placeholder="enter a year and press 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;
}
Think about the best way to store historical events.
Implement the described site.