Tietojen lähettäminen AJAXin kautta käyttäen URLSearchParamsia JavaScriptissä

Usein ei ole kovin kätevää muodostaa Query Stringiä manuaalisesti. On helpompaa tehdä se URLSearchParamsin kautta:

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

Asiakaspuolella on annettu div, painike ja kolme syöttökenttää. Syöttökenttiin syötetään numeroita. Painiketta painamalla lähetä syötetyt numerot palvelimelle. Palvelimen tulee löytää lähetettyjen numeroiden summa ja palauttaa se takaisin. Kirjoita tulos div-elementtiin.