Tìm kiếm sự kiện lịch sử bằng JavaScript

Giả sử chúng ta muốn viết một trang web hiển thị bảng các sự kiện lịch sử trong một năm cụ thể. Giả sử năm được nhập vào một ô input. Khi nhấn phím Enter, hãy hiển thị bảng các sự kiện đã xảy ra trong năm đó. Giả sử thông tin về sự kiện chúng ta muốn xem bao gồm ngày tháng, tên và mô tả sự kiện. Hãy để tôi cho bạn xem mẫu những gì cần đạt được (để đơn giản, tôi tạo các sự kiện cho năm 2000, 2001 và 2002):

Đây là mã HTML/CSS mà bạn có thể sử dụng khi giải bài tập:

<div id="parent">
	<input id="input" placeholder="nhập năm và nhấn 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;
}

Hãy suy nghĩ xem cách nào thuận tiện nhất để lưu trữ các sự kiện lịch sử.

Hãy triển khai trang web được mô tả.