JavaScriptでのGETメソッドを使用したフォーム送信

例を使って、GETメソッドによるフォーム送信を実装してみましょう。 数値を入力するフォームがあるとします:

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

サーバーが送信された数値の合計を見つけ、結果をブラウザに送り返すとします。 まず、送信された数値を取得しましょう:

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

次に、それらの合計を見つけ、ブラウザに送り返しましょう:

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

数値を入力する5つの入力フィールドを持つフォームを作成してください。 サーバーが送信された数値の平均を計算し、結果をブラウザに送り返すようにします。

Задание 2

ユーザーに名前、姓、父称を尋ねてください。 データをサーバーに送信します。 サーバーが応答として送信成功のメッセージを返すようにします。

Задание 3

ユーザーに年-月-日形式で日付を尋ねてください。 日付をサーバーに送信します。 サーバーに日付の形式の正確性をチェックさせます。 日付が正しい場合は成功メッセージを返し、 正しくない場合は失敗メッセージを返すようにします。