JSFiddle - React, Tailwind, and code Playground

by himodoricode

HTML

<form action="http://test.ru" class='form'>
  <input type="text" name='name' class='input name-field'>
  <input type="number" name='age' class='input age-field'>
  
  <button type='submit'>Отправить</button>
</form>

JavaScript

const form = document.querySelector('.form');
// TODO - отправить данные из формы через POST, используя async/await
const URL = 'http://test.ru';

getDataForm = () => {
  const nameField = document.querySelector('.name-field').value;
  const ageField = document.querySelector('.age-field').value;
  
  const data = {
  	name: nameField,
    age: ageField
  }
  
  const dataJson = JSON.stringify(data);
  
  console.log(dataJson);
}

form.addEventListener('submit', getDataForm);