JSFiddle - React, Tailwind, and code Playground

by Sergey khorev

HTML

//отправка форм обратной связи
document.addEventListener('DOMContentLoaded', function() {
var feedbackForm = document.querySelector('.feedback__form');

if(feedbackForm) {
var submitButton = feedbackForm.querySelector('.feedback__form .white__button');
}

if(submitButton) {
var originalButtonText = submitButton.textContent; // Сохраняем исходный текст кнопки
}

if(feedbackForm) {
feedbackForm.addEventListener('submit', function(event) {
event.preventDefault();

var formData = new FormData(feedbackForm);
var xhr = new XMLHttpRequest();
xhr.open('POST', '/feedback_handler.php');

xhr.onload = function() {
if (xhr.status === 200) {
// Изменяем текст кнопки на "Отправлено"
if(submitButton) {
submitButton.textContent = 'Отправлено';
// Через 2 секунды возвращаем исходный текст
setTimeout(function() {
submitButton.textContent = originalButtonText;
document.querySelector('#feedback-modal').classList.remove('active');
}, 2000);
}

feedbackForm.reset();
} else {
console.error('Ошибка отправки формы: ', xhr.statusText);
}
};

xhr.send(formData);
});
}

var feedbackForm2 = document.querySelector('.fbr'); // Используйте правильный селектор для второй формы
if(feedbackForm2) {
var submitButton2 = feedbackForm2.querySelector('.fbr .consult__style'); // Используйте правильный селектор для кнопки
}

if(submitButton2) {
var originalButtonText2 = submitButton2.textContent;
}


if(feedbackForm2) {
feedbackForm2.addEventListener('submit', function(event) {
event.preventDefault();

var formData = new FormData(feedbackForm2);
var xhr = new XMLHttpRequest();
xhr.open('POST', '/feedback_handler.php');

xhr.onload = function() {
if (xhr.status === 200) {

if(submitButton2) {
submitButton2.textContent = 'Отправлено';
setTimeout(function() {
submitButton2.textContent = originalButtonText2;
document.querySelector('#feedback-modal').classList.remove('active');
}, 2000);
}

feedbackForm2.reset();
} else {
console.error('Ошибка отправки формы: ',...