如何建立一个包含任何访问者都可以编辑的字段的网站？

Question

我想建立一个具有以下功能的网站：

• 应该有一些字段用于存储数值。
• 访问该网站的任何人都应该可以修改这些字段

一个很好的二阶功能，但不是必需的

• 如果有多个人访问该网站并且一个访客更新值，那么一旦保存该值，所有访问者都会重新加载网页，从而更新为所有用户看到的值，这会很好

我将如何实施以上内容？

我不确定我应该使用什么样的术语来解决这个问题，所以任何建议都会受到赞赏。

Answer 1

第一个问题：

const editMe = document.getElementById('edit-me');

editMe.addEventListener('input', () => {
  const editedToInt = Number(editMe.innerHTML);
  if (!Number.isInteger(editedToInt)) {
    // Value is invalid
    editMe.style.border = "2px solid red";
  } 
  else {
    // Value is valid. Do something with it...
    editMe.style.border = "inherit";
  }
})

<div id="edit-me" contenteditable>100</div>

用户可以编辑内容，并且只能输入数字。

第二个问题：

您可以保存用户在数据库中键入的值。另外，您还需要使用Ajax每5秒检查一次数据库中的值。如果数据库中的值与DOM中的值不同，则将其替换。