title: Is it possible to use forms to change aspects of a website permanently?
body: <p>I am trying to create a website that will allow me and my coworkers to track the status of equipment in our building. I want to be able to click on a button (representing the piece of equipment) and have a form pop up that allows you to change the color of the button, add a link for our internal tracking, and add notes via a text box BUT (and this is the part i need help on).... I want that information to be displayed when I access the same site at a later time, or if another person accesses the site. </p>
  
  <p><a href="https://i.stack.imgur.com/Mb6N3.png" rel="nofollow noreferrer">Picture of what it should look like</a></p>
  
  <p>I am very new to coding, but this is what I have so far. This just creates a header, paragraph, and button link. This accomplishes what I want, but it does not have the ability to add, edit, or save changes. </p>
  
  <p>HTML</p>
  
  <pre><code>&lt;button class="button" onclick="myfunction1()"&gt; Equipment A &lt;/button&gt;
  &lt;button class="button" onclick="myfunction2()"&gt; Equipment B &lt;/button&gt;
  &lt;h1 id="header"&gt;&lt;/h1&gt;
  &lt;p id="description"&gt;&lt;/p&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>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")
  }
  </code></pre>
  
  <p>Any advice would be greatly appreciated, even if it is just pointing me in the right direction.</p>