JavaScript-da tarixiy hodisalarni qidirish

Faraz qilaylik, biz ma'lum bir yilda sodir bo'lgan tarixiy hodisalar jadvalini ko'rsatadigan veb-sayt yaratmoqchimiz. Yil input orqali kiritilsin. Enter tugmasini bosganimizda, shu yilda sodir bo'lgan hodisalar jadvalini chiqaramiz. Hodisa haqida ma'lumot sifatida biz sana, nom va hodisa tavsifini ko'rishni istaymiz. Quyida nima natija olishimiz kerakligining namunasini ko'rsataman (soddalik uchun men 2000, 2001 va 2002 yillardagi hodisalarni tayyorladim):

Masalani yechishda foydalanishingiz mumkin bo'lgan verstka:

<div id="parent">
	<input id="input" placeholder="yilni kiriting va Enter tugmasini bosing">
	<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;
}

Tarixiy hodisalarni qanday saqlash qulayligini o'ylab ko'ring.

Tasvirlangan veb-saytni amalga oshiring.