zkrvndm

// Ждем когда элементы на странице прогрузятся:

document.addEventListener('DOMContentLoaded', function() {

	// Вешаем на кпопку обработчик клика, чтобы при каждом клике
	// сразу запускалась функц я dataSend отвечающая за отправку данных:
	
	document.querySelector('.button').addEventListener('click', dataSend);
	
});

// Функция для отправки данных на сервер:

async function dataSend() {

	// Получаем данные с нужных нам полей в переменные:
	
	var loginValue = document.querySelector('.login').value
	var emailValue = document.querySelector('.email').value
	var passwordValue = document.querySelector('.password').value
	var conf_passwordValue = document.querySelector('.conf_password').value

	// Создаем объект с данными:

	var data = {
		'login': loginValue,
		'email': emailValue,
		'password': passwordValue,
		'conf_password': conf_passwordValue
	}

	// Конвертируем объект в JSON:

	var json = JSON.stringify(data);

	// Отправялеям полученный JSON на сервер обычным POST-запросом:

	var response = await (await fetch('https://yousite.ru/handler.php', {
		'method': 'POST',
		'headers': {
			'Content-Type': 'application/json; charset=utf-8'
		},
		'body': json
	})).text();

	// Выводим ответ сервера в консоли:

	console.log('Ответ сервера:');
	console.log(response);

}

<?php

// Включим показ ошибок:

ini_set('error_reporting', E_ALL);
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);

// Считываем полученный JSON:

$json = file_get_contents('php://input');

// Раскодируем JSON в массив:

$array = json_decode($json, true);

// Выведем массив, чтобы посмотиеть, что в нем:

header('Content-Type: text/plain; charset=UTF-8'); // Указыавем браузеру, что ответ будет обычным текстом
echo "Из браузера получены следующие данные:\n"; // Выведем текст-предупреждение
print_r($array); // Выведем все, что находится в массиве

async function main() {
    await clickElements('CSS-селектор 1');
    await clickElements('CSS-селектор 2');
    await clickElements('CSS-селектор 3');
}

main(); // Запускаем последовательные клики

function clickElements(selector, regexp, where) {
	
	return new Promise(function(returnResult) {
		
		var search_result = false;
		
		var local_reactive_function = function() {
			
			var click_elements = searchElements(selector, regexp, where);
			
			if (click_elements.length > 0) {
				
				if (search_result === false) {
					
					search_result = true;
					observer.disconnect(); 
					
					setTimeout(function() {
						
						var click_elements = searchElements(selector, regexp, where);
						
						for (var n = 0; n < click_elements.length; n++) {
							click_elements[n].click();
						}
						
						returnResult(click_elements.length);
						
					}, 500);
					
				}
				
			}
			
		}
		
		var observer = new MutationObserver(local_reactive_function);
		
		observer.observe(document.body, {
			characterData: true,
			attributes: true,
			childList: true,
			subtree: true
		});
		
		local_reactive_function();
		
	});
	
}

function searchElements(selector, regexp, where) {

	var search_elements = [];
	
	if (typeof where !== 'undefined') {
		
		var all_elements = where.querySelectorAll(selector);
		
	}
	
	else {
		
		var all_elements = document.querySelectorAll(selector);
		
	}
	
	for (var n = 0; n < all_elements.length; n++) {
		
		if (typeof regexp == 'object') {
			
			if (typeof regexp.test == 'function') {
				
				if (regexp.test(all_elements[n].innerText.trim())) {
					
					search_elements.push(all_elements[n]);
					
				}
				
			}
			
			
		}
		
		else {
			
			search_elements.push(all_elements[n]);
			
		}
	}
	
	return search_elements;

}