JavaScriptте тарыхый окуяларды издөө
Айталы, белгилүү бир жылдагы тарыхый окуялардын
таблицасын көрсөткөн сайт жазышым келет деп.
Жыл input аркылуу киргизилсин. 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;
}
Тарыхый окуяларды кандай сактоо эң ыңгайлуу экенин ойлонуп көрүңүз.
Сүрөттөлгөн сайтты ишке ашырыңыз.