ค้นหาด้วย JavaScript สำหรับเหตุการณ์ทางประวัติศาสตร์

สมมติว่าเราต้องการเขียนเว็บไซต์เพื่อแสดง ตารางเหตุการณ์ทางประวัติศาสตร์สำหรับปีที่กำหนด ให้ป้อนปีใน input field เมื่อกด Enter เราจะแสดงตาราง เหตุการณ์ที่เกิดขึ้นในปีนั้น ข้อมูลที่เราต้องการเห็นสำหรับแต่ละเหตุการณ์ได้แก่ วันที่ ชื่อ และคำอธิบายเหตุการณ์ มาดูตัวอย่าง ผลลัพธ์ที่ควรได้กัน (เพื่อให้ง่าย ผมทำเหตุการณ์สำหรับปี 2000, 2001 และ 2002):

ต่อไปนี้คือโครงสร้าง HTML และ CSS ที่คุณสามารถใช้ ในการแก้ไขโจทย์:

<div id="parent">
	<input id="input" placeholder="ป้อนปีและกด 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;
}

ลองคิดดูว่าจะจัดเก็บข้อมูลเหตุการณ์ทางประวัติศาสตร์อย่างไรให้สะดวกที่สุด

ให้สร้างเว็บไซต์ตามที่อธิบายไว้