是否可以使用表单永久更改网站的各个方面？

Question

我正在尝试创建一个网站，让我和我的同事能够跟踪我们大楼中设备的状态。我希望能够点击一个按钮（代表设备）并弹出一个表单，允许您更改按钮的颜色，为我们的内部跟踪添加链接，并通过文本框添加注释但是（这是我需要帮助的部分）....我想要在以后访问同一站点时显示该信息，或者如果其他人访问该站点。

Picture of what it should look like

我对编码很新，但这是我到目前为止所做的。这只是创建一个标题，段落和按钮链接。这实现了我想要的，但它没有能力添加，编辑或保存更改。

HTML

<button class="button" onclick="myfunction1()"> Equipment A </button>
<button class="button" onclick="myfunction2()"> Equipment B </button>
<h1 id="header"></h1>
<p id="description"></p>

JS

function myfunction1() {
ClearButtons()
document.getElementById("header").innerHTML = "Equipment A";
document.getElementById("description").innerHTML = "Issue with Equipment";
var form = document.createElement("form");
 form.setAttribute("action","https://   link to internal website that tracks issues ")
 form.setAttribute("class","removeable")
 var inp = document.createElement("input")
 inp.setAttribute("type","submit")
 inp.setAttribute("value","LINK")
 form.appendChild(inp)
 var inp2 = document.createElement("input")
 inp2.setAttribute("type","radio")
 inp2.setAttribute("value","Operational")
 form.appendChild(inp2)
 var inp3 = document.createElement("input")
 inp3.setAttribute("type","radio")
 inp3.setAttribute("value","NonOperational")
 form.appendChild(inp3)
document.body.appendChild(form);
}

function ClearButtons(){
$("form").remove(".removeable")
}

任何建议都会受到高度赞赏，即使它只是指向了正确的方向。