Stuur vorms met die GET-metode in JavaScript

Laat ons die stuur van 'n vorm met die GET-metode implementeer met 'n voorbeeld. Kom ons sê ons het 'n vorm, waarin getalle in die invoervelde ingevoer word:

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

Laat die bediener die som van die ontvange getalle vind en die resultaat terugstuur na die blaaier. Laat ons eers die gestuurde getalle kry:

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

Laat ons nou hul som vind en dit terugstuur na die blaaier:

server.jsexport default {
  '/handler/': function({get}) {
    return Number(get.num1) + Number(get.num2);
  }
}

Задание 1

Maak 'n vorm met vyf invoervelde, waarin getalle ingevoer word. Laat die bediener die gemiddelde rekenkundige van die oorgedra getalle bereken en stuur die resultaat terug na die blaaier.

Задание 2

Vra die gebruiker vir sy/haar naam, van en tweede naam. Stuur die data na die bediener. Laat die bediener 'n boodskap oor suksesvolle stuur as antwoord terugstuur.

Задание 3

Vra die gebruiker vir 'n datum in die formaat jaar-maand-dag. Stuur die datum na die bediener. Laat die bediener die korrektheid van die datumformaat kontroleer. As die datum korrek is - laat dit 'n suksesboodskap terugstuur, en as dit verkeerd is - 'n mislukkingsboodskap.