JavaScript орқали форма жўнатиш

JavaScript орқали формани мажбуран жўнатиш мумкин. Бу қандай амалга оширилишини кўриб чиқайлик. Бизда форма ва устига босилганда формани жўнатишни истайдиган бирор тугма бўлсин:

public/form.html<form action="/handler/" method="POST">
  <input name="test1">
  <input name="test2">
</form>

<button>жўнатиш</button>

Элементларимизга ҳаволани ўзгартувчиларга оламиз:

public/script.jslet form   = document.querySelector('form');
let button = document.querySelector('button');

Тугмага клик ҳодисаси учун ишловчини бирлаштирамиз:

public/script.jsbutton.addEventListener('click', function(event) {
  
});

Тугма босилганда submit методи орқали формани жўнатишни бажарамиз:

public/script.jsbutton.addEventListener('click', function(event) {
  form.submit();
});
Задание 1

Учта инпути бор форма берилган. Устига босилганда шушбу формани жўнатиш амалга ошадиган ҳавола ясанг.