जावास्क्रिप्ट में ऐतिहासिक घटनाओं की खोज

मान लीजिए हम एक वेबसाइट बनाना चाहते हैं जो एक विशेष वर्ष की ऐतिहासिक घटनाओं की तालिका दिखाती है। मान लीजिए वर्ष एक इनपुट में दर्ज किया जाता है। 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;
}

विचार करें कि ऐतिहासिक घटनाओं को संग्रहीत करने का सबसे सुविधाजनक तरीका क्या है।

वर्णित वेबसाइट लागू करें।