Vormide saatmine GET meetodiga JavaScriptis

Rakendame vormi saatmise GET meetodil näite abil. Olgu meil vorm, mille sisenditesse sisestatakse numbreid:

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

Olgu server leiab saadud numbrite summa ja saadab tulemuse tagasi brauserisse. Alustuseks saame saadetud numbrid:

server.jsexport default {
  '/handler/': function({get}) {
    console.log(get.num1);
    console.log(get.num2);
    
    return 'vormi andmed vastu võetud';
  }
}

Leiame nüüd nende summa ja saadame tagasi brauserisse:

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

Tehke vorm viie sisendiga, kuhu sisestatakse numbreid. Olgu server arvutab keskmise aritmeetilise edastatud numbritest ja saadab tulemuse tagasi brauserisse.

Задание 2

Küsige kasutajalt tema eesnimi, perekonnanimi ja keskmine nimi. Saatke andmed serverisse. Olgu server vastuseks tagastab teate eduka saatmise kohta.

Задание 3

Küsige kasutajalt kuupäev vormingus aasta-kuu-päev. Saadke kuupäev serverisse. Olgu server kontrollib kuupäeva vormingu korrektsust. Kui kuupäev on korrektne - olgu ta tagastab eduteate, aga kui ebakorrektne - ebaõnnestumise teate.