How to synchronize users?

Question

When the first user comes in, a random id assigned to it, it is recorded in the database, the user can click on the button to change the value . Now when the second user comes in, he clicks to change the value , he changes his value, say, to 50 and changes the value of the first user to 50. But the first user gets a line that another user has changed his value. The first screenshot shows how the window should look like for the first user. What the first user window now looks like:

What the second user’s window now looks like:

Database:

 var id = Math.floor(Math.random() * 100) + 50; // id пользователя равняется рандомному целому числу function funcBefore() { // функция пока загружается обычно это гифка загрузки $("#information").text("Ожидание данных...") // пока идёт выходить такое сообщение } function funcSuccess(data) {} // ответ которые мы получили с php $.ajax({ // сам метод ajax url: "chek.php", // куда отправлять данные type: "POST", // метод отправки данных data: ({ number: id }), // отправляем id в базу данных dataType: "html", // тип отправки сообщения beforeSend: funcBefore, // пока документ загружается эта фун выполняется success: function(data) { if (data == "00000") { } else { } } }); var a = Math.floor(Math.random() * 100) + 50; // изменения которые производятся равны целому числу function q9() { // добавляет кнопки btn5 = document.createElement('BUTTON'); // создание кнопки btn5.textContent = 'изменить значение'; // текст btn5.id = 'cmd5'; // её id может пригодится document.body.appendChild(btn5); // нужно чтобы добавилась кнопка btn5.onclick = function() { // функция когда кликаем по ней q7(a); // отправка этой переменной в функцию } } q9(); // вызов фун с кнопкой btn4 = document.createElement('getElementById'); // созадние шкалы btn4.id = 'cmd4'; // id document.body.appendChild(btn4); // нужно для добавления var h = 1000; // начальное значие var z; // то что отнимаем document.getElementById('cmd4').innerHTML = 'по умолчанию ' + h; // вывод начального значения function q7(z) { // отнимаем текущее здоровье h = h + z; // прибавление переменной для изменения elem = document.getElementById('cmd4'); elem.innerHTML = '<div> id-пользователя' + " " + id + " " + "изменил значение на " + " " + z + " " + "текущее значение" + " " + h + '</div>' + elem.innerHTML; //вывод всей информации allAnswers = elem.getElementsByTagName('div'); if (allAnswers.length > 6) { // число - это лимит количества сообщений elem.removeChild(allAnswers[20]); // когда больше 20 удаляем } }

 #cmd4 { position: absolute; /* выводятся все изменённые значения */ top: 0px; /* вверх низ */ left: 0px; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <!-- полотно где отображается код --> <canvas id="canvas" width="700" height="300"></canvas>

PHP file:

 <?php $mysqli = new mysqli("localhost", "root", "", "mybase3"); // подключение к базе данных $mysqli->query("SET NAMES 'utf8' "); // кодировка $k = $_POST['number']; // получаем id $mysqli->query("INSERT INTO `qwe3` (`id`) VALUES ('$k')"); // записываем id пользователя в базу данных $mysqli->close(); // закрытие бд ?>

corrected, strange but the canvas in the head worked correctly and therefore did not pay attention

How to synchronize users?

0

More articles: