Axborot tizimlari va raqamli texnalogiyalar

CSS foyda quyidagicha
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Arial;
}
table{
cursor: pointer;
}
.container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
}

h1 {
text-align: center;

margin-bottom: 30px;
}

form label {

display: block;
margin-bottom: 10px;
}

form input {

outline: none;
display: block;
margin-bottom: 20px;
padding: 10px;
width: 100%;
box-sizing: border-box;
border: none;
border-radius: 5px;
background-color: #f1f1f1;
}

form button {

display: block;
margin: 20px auto 30px;
padding: 10px 20px;
border: none;
border-radius: 5px;
background-color: #4CAF50;
color: white;
font-size: 18px;
cursor: pointer;
}

table {
margin-top: 50px;

border-collapse: collapse;
width: 100%;
}

thead th {

background-color: #4CAF50;
color: white;
padding: 10px;
text-align: left;
}

tbody td {

border: 1px solid #ddd;
padding: 10px;
text-align: left;
}
#gren{
background-color: #4CAF50;

}
table {

border-collapse: collapse;
}
th,
td {
border: 1px solid rgb(200, 200, 200);
padding: 8px;
text-align: center;
border-radius: 5px;
}
tbody:nth-child(even) {
background-color: #b9b9b9;
}
tbody:hover {
background-color: #757575;
}
3.11-rasm.CSS kod jadval.
Bu CSS kod jadvaldagi juft satrlarni ko'rsatish uchun ishlatiladi. Juft satrlar (#2, #4, #6, ushbu yerdagi satrlar) ko'k rangda bo'ladilar.
Oddiy satrlar (masalan, #1, #3, #5 va hokazo) oq rangda turadi.
Shunday qilib, bu kod juft va toq satrlarni jiddiy ko'rinishda ajratish uchun ishlatiladi.

tbody:nth-child(even) {

background-color: #b9b9b9;
}
3.12-rasm
Bu JavaScript kod kredit miqdori, kredit muddati va yillik foiz stavkasi kiritilgan bo'lsa, jadval va yig'ilgan kredit ma'lumotlari bilan birlikda jami asosiy qarz, jami foiz va jami oylik to'lov summasini hisoblash uchun yozilgan.
Kodning asosiy qismi for tsikliga asoslangan, bu tsiklda kredit miqdori, kredit muddati va yillik foiz stavkasi olib, har bir oylig uchun oylik asosiy qarz, oylik foiz va jami oylik to'lov hisoblanadi. Har bir oylig uchun jadvalda qolgan kredit balansi, oylik asosiy qarz, oylik foiz va oylik jami to'lov kiritiladi.
Dasturni oxirida jami asosiy qarz, jami foiz va jami oylik to'lov summalari o'zgaruvchilar yordamida hisoblanadi va natijalar jadvalga kiritiladi.

// Ma'lumotlarni jadvalga qo'shish

var kredit_balansi = kredit_miqdori;
for (var i = 1; i <= kredit_muddati; i++) {
var oylik_foiz = kredit_balansi * oylik_foiz_stavkasi;
var oylik_asosiy_qarz = asosiy_qarz;
var oylik_jami_tolov = oylik_asosiy_qarz + oylik_foiz;
var qolgan_kredit_balansi = kredit_balansi - oylik_asosiy_qarz;
jadval.innerHTML +="";
kredit_balansi = qolgan_kredit_balansi;
}

// Jami asosiy qarz, foiz va oylik to'lovni hisoblash va chiqarish

var natija = document.getElementById("natija");
natija.innerHTML ="
Jami asosiy qarz: " +jami_asosiy_qarz.toFixed(2) +" so'm
" +"
Jami foiz: " +jami_foiz.toFixed(2) +" so'm
" +"
Jami oylik to'lov: " +jami_tolov.toFixed(2) +" so'm
";

" +i +"

" +Number(kredit_balansi).toFixed(2) +"

" +oylik_asosiy_qarz.toFixed(2) +"

" +oylik_foiz.toFixed(2) +"

" +oylik_jami_tolov.toFixed(2) +"