JavaScript-da FORM-larni GET metodi bilan yuborish

Keling, formani GET metodi bilan yuborishni misol orqali amalga oshiramiz. Faraz qilaylik, bizda raqamlar kiritiladigan inputlari bo‘lgan forma mavjud:

public/form.html<form action="/handler/" method="GET">
  <input name="num1">
  <input name="num2">
  <input type="submit">
</form>

Faraz qilaylik, server qabul qilingan raqamlarning yig‘indisini topadi va natijani brauzerga qaytaradi. Boshlanish uchun yuborilgan raqamlarni olamiz:

server.jsexport default {
  '/handler/': function({get}) {
    console.log(get.num1);
    console.log(get.num2);
    
    return 'form data received';
  }
}

Keling, endi ularning yig‘indisini topamiz va brauzerga qaytaramiz:

server.jsexport default {
  '/handler/': function({get}) {
    return Number(get.num1) + Number(get.num2);
  }
}
Задание 1

Besh ta inputi bo‘lgan forma qiling, ularga raqamlar kiritilsin. Server uzatilgan raqamlarning o‘rta arifmetigini hisoblab, natijani brauzerga qaytarsin.

Задание 2

Foydalanuvchidan ismi, familiyasi va otasining ismini so‘rang. Ma’lumotlarni serverga yuboring. Server javob sifatida muvaffaqiyatli yuborish haqida xabar qaytarsin.

Задание 3

Foydalanuvchidan yil-oy-kun formatida sana so‘rang. Sanani serverga yuboring. Server sana formatining to‘g‘riligini tekshirsin. Agar sana to‘g‘ri bo‘lsa - muvaffaqiyat haqida xabar, agar noto‘g‘ri bo‘lsa - muvaffaqiyatsizlik haqida xabar qaytarsin.