JavaScript로 역사적 사건 검색하기

특정 연도에 일어난 역사적 사건을 표로 보여주는 웹사이트를 만들고 싶다고 가정해 보겠습니다. 연도는 입력 필드에 입력합니다. Enter 키를 누르면 해당 연도에 일어난 사건들을 표로 출력해 봅시다. 사건 정보로는 날짜, 이름, 설명을 표시하고자 합니다. 결과물이 어떤 형태가 될지 샘플을 보여드리겠습니다 (단순화를 위해 2000, 2001, 2002년의 사건들로 구성했습니다):

문제 해결 시 사용할 수 있는 마크업입니다:

<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;
}

역사적 사건들을 어떻게 저장하는 것이 가장 편리할지 고민해 보세요.

설명된 웹사이트를 구현하세요.