Formaların GET metodu ilə JavaScript-də göndərilməsi

Gəlin nümunə üzərində formanın GET metodu ilə göndərilməsini həyata keçirək. Tutaq ki, bizim ədədlərin daxil edildiyi inputları olan bir formamız var:

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

Gəlin serverin alınan ədədlərin cəmini tapsın və nəticəni brauzerə geri göndərsin. Əvvəlcə göndərilən ədədləri əldə edək:

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

Gəlin indi onların cəmini tapaq və geriyə brauzerə göndərək:

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

Içində ədədlərin daxil edildiyi beş inputu olan bir forma hazırlayın. Gəlin server göndərilən ədədlərin ədədi ortasını hesablasın və nəticəni brauzerə geri göndərsin.

Задание 2

Istifadəçidən onun adını, soyadını və atasının adını soruşun. Məlumatları serverə göndərin. Gəlin server cavab olaraq uğurlu göndərilmə haqqında mesaj qaytarsın.

Задание 3

Istifadəçidən il-ay-gün formatında tarixi soruşun. Tarixi serverə göndərin. Gəlin server tarixin formatının düzgünlüyünü yoxlasın. Əgər tarix düzgündürsə - uğur haqqında mesaj qaytarsın, əgər düzgün deyilsə - uğursuzluq haqqında mesaj qaytarsın.