// получаем имя
const block = document.querySelector('.display_name')
const name = block.textContent
// отправяем
postData('http://example.com/getUserData', {userName: name})
.then(data => myResponseHandler(data))
.catch(error => console.error(error));
function postData(url = '', data = {}) {
return fetch(url, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify(data)
})
.then(response => response.json());
}
function myResponseHandler(data) {
// строй табличку и показывай
console.log('Huge success!!')
console.log(data)
}document.addEventListener('input', evt => {
if (evt.target.matches('input, textarea')) {
// do something
out.textContent = evt.target.value
}
})document
.querySelectorAll('input, textarea')
.forEach(el => out.textContent = el.value)
в массиве имен никаких нет, они могут быть только в объектах.
(и они есть в моем примере, ага)