Есть форма:
<form id="tForm" action="#">
<input placeholder="Text something" type="text" class="send_text test" >
<button class="btn" type="submit">Send</button>
</form>
И такой скрипт:
const form = document.querySelector('#form');
let input = document.querySelector('.test');
function first() {
if (!obj.first) {
if (isNaN(input.value)) {
const a = input.value;
obj.first = a;
} else {
console.log("error1");
}
}
}
function second() {
if (!obj.second && obj.first) {
console.log(input.value);
if (isNaN(input.value)) {
const b = input.value;
console.log(b);
obj.second = b;
} else {
console.log("error2");
}
}
}
function third() {
if (!obj.third && obj.second) {
if (isNaN(input.value)) {
let c = input.value;
obj.third = c;
} else {
console.log("error3");
}
}
}
function total() {
first();
second();
third();
}
form.addEventListener('submit', e => {
e.preventDefault();
total();
console.log(obj);
e.target.reset();
})
Основные проблемы в том, что всё идёт с одного инпута и команды выполняются синхронно.
Основная задача - это записать в объект по очереди значения для новых ключей без их перезаписи.