Есть ли способ синхронизации того, что элемент <td>говорит на нескольких устройствах?

Question

Стол находится в репо. Таблица пуста, но пользователи могут загружать информацию в ячейки <td> с помощью текстового пространства и функции кнопок.

<input type=“text” id=“one”>
<button onclick=“upload()”>

JavaScript

function upload(){
  this.disabled = true
  document.getElementById(“targetTDElement”).innerText = document.getElementById(“one”).value
}

Под синхронизацией я подразумеваю, когда пользователь A загружает некоторую информацию в таблицу с помощью устройства A, пользователь B также может найти эту информацию в таблице на Устройство Б. В основном нравится этот сайт. Кто-то отправляет вопрос, и он становится синхронизированным и видимым на других устройствах.

Как это сделать?

Answer 1

у вас должен быть главный сервер для этого, простое решение - механизм опроса:

сообщение клиента:

function upload(){
  this.disabled = true
  postDataToRemoteServer({one:document.getElementById(“one”).value});
}

сообщение клиента:

setInterval(()=>getDatafromServer().then(data=>{
   document.getElementById(“one”).value = data.one
},1000)

серверный скелет

@post
save(data){
  //save data to database <- postDataToRemoteServer calls this
}

@get
get(){
//get data from database <- getDatafromServer calls this

}