Пусть мы хотим написать сайт, показывающий
таблицу исторических событий за определенный
год. Пусть год будет вводится в инпут. По
нажатию 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;
}
Продумайте, как удобнее всего хранить исторические события.
Реализуйте описанный сайт.