Պատմական իրադարձությունների որոնում JavaScript-ով
Ենթադրենք՝ ուզում ենք գրել կայք, որը ցույց կտա
որոշակի տարվա պատմական իրադարձությունների աղյուսակը:
Թող տարեթիվը ներմուծվի input դաշտում:
Enter սեղմելու դեպքում եկեք ցույց տանք այդ տարին
տեղի ունեցած իրադարձությունների աղյուսակը:
Իրադարձության մասին տեղեկություններում մենք ցանկանում ենք
տեսնել իրադարձության ամսաթիվը, անվանումը և նկարագրությունը:
Եկեք ցույց տամ, թե ինչ պետք է ստացվի
(պարզության համար ես ստեղծել եմ իրադարձություններ 2000,
2001 և 2002 թվականների համար):
Ահա HTML և CSS կոդը, որը կարող եք օգտագործել առաջադրանքը լուծելիս.
<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;
}
Մտածեք, թե ինչպես է ավելի հարմար պահել պատմական իրադարձությունների տվյալները:
Իրականացրեք նկարագրված կայքը:
