URLSearchParamsを使用したJavaScriptでのAJAXデータ送信

Query Stringを手動で構築するのは、しばしばあまり便利ではありません。 URLSearchParamsを通じて行う方がより便利です:

public/client.jsbutton.addEventListener('click', function() {
  let searchParams = new URLSearchParams();
  
  searchParams.set('num1', '1');
  searchParams.set('num2', '2');
  
  let promise = fetch('/handler/', {
    method: 'post',
    body: searchParams,
  });
});
Задание 1

クライアント側にdiv、ボタン、3つの入力欄があります。 入力欄には数値が入力されます。ボタンがクリックされると、 入力された数値をサーバーに送信してください。 サーバーに渡された数値の合計を見つけさせ、それを返させてください。 結果をdivに書き込んでください。