Mencari Peristiwa Sejarah dengan JavaScript
Katakan kita ingin menulis sebuah laman web yang memaparkan
jadual peristiwa sejarah untuk tahun tertentu.
Katakan tahun dimasukkan ke dalam input. Apabila
ditekan Enter, mari kita paparkan jadual
peristiwa yang berlaku pada tahun tersebut. Sebagai
maklumat tentang peristiwa, kita ingin melihat
tarikh, nama dan keterangan peristiwa. Mari
saya tunjukkan contoh hasil yang sepatutnya
(untuk kesederhanaan, saya buat peristiwa untuk tahun 2000,
2001 dan 2002):
Berikut adalah susun atur yang boleh anda gunakan apabila menyelesaikan masalah:
<div id="parent">
<input id="input" placeholder="masukkan tahun dan tekan 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;
}
Pertimbangkan cara yang paling sesuai untuk menyimpan peristiwa sejarah.
Laksanakan laman web yang diterangkan.