Uzunlik birliklari kalkulatori

Avval mazmunini tushunamiz

Bir metrda 100 santimetr bor. Shuning uchun 250 sm ni metrga aylantirishda 250 / 100 = 2.5 ni hisoblaymiz. Kiritilgan matn avval songa aylantiriladi; bo‘sh, manfiy va son bo‘lmagan qiymatni alohida rad qilamiz.

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. HTML da nomi ko‘rinadigan input, hisoblash tugmasi va output yarating.
2. Submit hodisasida sahifaning qayta yuklanishini preventDefault bilan to‘xtating.
3. Bo‘sh matnni tekshiring, keyin Number bilan songa aylantiring.
4. Son chekli va manfiy emas bo‘lsa, 100 ga bo‘lib natijani yozing.

To‘liq kod

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

<!doctype html><html lang="uz"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Uzunlik birliklari kalkulatori</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>Uzunlik birliklari kalkulatori</h1><form id="form"><label>Santimetr <input id="sm" inputmode="decimal" placeholder="Masalan: 250"></label><button>Hisoblash</button></form><output id="natija" aria-live="polite">Natija shu yerda chiqadi.</output></main><script>document.querySelector('#form').addEventListener('submit', event => {
  event.preventDefault();
  const matn = document.querySelector('#sm').value.trim();
  const sm = Number(matn);
  document.querySelector('#natija').textContent =
    matn === '' || !Number.isFinite(sm) || sm < 0
      ? 'Manfiy bo‘lmagan son yozing. O‘nlik uchun nuqta ishlating.'
      : `${sm} sm = ${sm / 100} m`;
});</script></html>

O‘zingiz tekshiring

• 250 → 2.5 m
• 0 → 0 m
• Bo‘sh, abc yoki -5 → xato xabari

Mustaqil rivojlantiring

Metrdan santimetrga o‘tkazish yo‘nalishini ham qo‘shing. Yo‘nalish o‘zgarganda yorliq va hisoblash qoidasini birga yangilang.

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.