← Ilmdosh ITDasturlash kurslari
KICHIK LOYIHA · HTML + JAVASCRIPT

Haftalik o‘qish vaqtini rejalash

Haftada necha kun va har kuni necha daqiqa ajratishingizni belgilang. Vosita haftalik vaqtni soat va daqiqada ko‘rsatadi.

← Loyiha tanlash

Avval mazmunini tushunamiz

Katta maqsadni kichik muntazam mashqlarga bo‘lish qulay. Masalan, 5 kun davomida 25 daqiqadan o‘qish 125 daqiqa: bu 2 soat 5 daqiqa. Butun soatni Math.floor, qolgan daqiqani % operatori bilan topamiz. Vaqt miqdori bilim sifatini o‘zi kafolatlamaydi.

1234
  1. Kunlar soni
  2. Kunlik daqiqa
  3. Ko‘paytirish
  4. Soat va daqiqalar

Tayyor natijani sinab ko‘ring

Bu ishlaydigan lokal namuna. Qiymat kiriting va natijani quyidagi tekshiruvlar bilan solishtiring. Hech qanday ma’lumot serverga yuborilmaydi.

Qadam bilan yaratamiz

  1. 1–7 kun va 1–240 daqiqa uchun sonli maydonlar yarating.
  2. Ikkala qiymat butun va belgilangan oraliqda ekanini tekshiring.
  3. Kunlarni daqiqaga ko‘paytirib jami vaqtni toping.
  4. Jami / 60 ning butun qismini va jami % 60 qoldig‘ini ko‘rsating.

To‘liq kod

Kodni index.html nomli faylga saqlang va brauzerda oching. Hech qanday paket o‘rnatilmaydi. Kod ustidagi tugma shu namunaning faylini saqlaydi.

Namuna faylini saqlash
<!doctype html><html lang="uz"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Haftalik o‘qish vaqtini rejalash</title><style>body{font:18px/1.7 system-ui;padding:20px;color:#173c54}label{display:block;margin:12px 0}input,textarea{display:block;box-sizing:border-box;max-width:100%;width:100%;font:inherit;padding:9px;border:1px solid #8caec4;border-radius:8px}button{font:inherit;padding:9px 12px;border:1px solid #5486a7;border-radius:10px;background:#e4efff;color:#193f61;cursor:pointer}output{display:block;padding:15px;background:#e6f5ed;margin:18px 0;border-radius:12px}li{margin:10px 0}</style><main><h1>Haftalik o‘qish vaqtini rejalash</h1><form id="form"><label>Haftadagi kunlar <input id="kun" type="number" min="1" max="7" value="5" required></label><label>Har kuni daqiqa <input id="daq" type="number" min="1" max="240" value="25" required></label><button>Rejani hisoblash</button></form><output id="natija" aria-live="polite"></output></main><script>document.querySelector('#form').onsubmit = event => {
  event.preventDefault();
  const kun = Number(document.querySelector('#kun').value);
  const daq = Number(document.querySelector('#daq').value);
  const out = document.querySelector('#natija');
  if (!Number.isInteger(kun) || kun < 1 || kun > 7 || !Number.isInteger(daq) || daq < 1 || daq > 240) {
    out.textContent = 'Kun 1–7, daqiqa 1–240 oralig‘idagi butun son bo‘lsin.'; return;
  }
  const jami = kun * daq;
  out.textContent = `${jami} daqiqa = ${Math.floor(jami / 60)} soat ${jami % 60} daqiqa`;
};</script></html>

O‘zingiz tekshiring

Mustaqil rivojlantiring

Dam olish daqiqalarini alohida hisoblang. Ularni o‘qish vaqtiga qo‘shib yubormasdan ikkita natija sifatida ko‘rsating.

Tartib: faylni saqlang → brauzerda oching → odatiy kirishni tekshiring → xato kirishni tekshiring → bitta yangi imkoniyat qo‘shing. Konsoldagi birinchi xabarni o‘qing; hamma kodni birdan almashtirmang.