如何为下面的启用/禁用javascript创建html，以创建更改localstorage值的按钮？

我有以下无法更改的javascript

基本上，我需要为此制作UI，这可能是真正的基本html

if(!localStorage.status) localStorage['status'] = 1;
toggle(2);
enable.onclick = function(){toggle(0)};
disable.onclick = function(){toggle(1)};
function toggle(n){
    if((n == 0) && (enable.parentNode == list)){
        list.removeChild(enable);
        list.appendChild(disable);
        localStorage.status = 1;
    }else if((n == 1) && (disable.parentNode == list)){
        list.removeChild(disable);
        list.appendChild(enable);
        localStorage.status = 0;
    }else if((n == 2) && (!list.hasChildNodes())){
        list.appendChild((localStorage.status == 1) ? disable : enable);
        chrome.browserAction.setIcon({path: (localStorage.status == 1) ? "1.png" : "2.png"});
    }else{
        return;
    }
}

我认为它所做的是创建和启用/禁用按钮。但我不确定

基本上，我需要html来显示enable或disable，单击它可以更改并更新“status”的localstorage值

记住，我们不能更改javascript，我只需要html

---

_

引用的代码要求变量

enable

和

disable

成为

HTMLElement

对象（因此它们可以

附加到
列表
，我假设它是一个
DIV
），接受
单击
事件。所以几乎任何一种元素都可以

然而，它看起来是最有意义的
按钮
s，因此我建议在javascript中创建如下元素

var enable = document.createElement("button"); //create a <BUTTON>
enable.id = "enable";
enable.type = "button";
enable.textContent = "Enable"; //the displayed text

因此，您需要使用切换函数来跟踪是否发生任何状态更改，它将更新本地存储中的状态变量？我相信是的，如果我正确理解您的意思，那么启用和禁用是指什么？我只需要html与此JavaScript配合使用，我想这会有所帮助：
list.removeChild（启用）
指的是
enable.onclick=function（）{toggle（0）}
如果使用HTML标记创建按钮，则还必须实例化javascript变量
enable
：
var enable=document.getElementById（“enable”）
我尝试了
启用
，但单击按钮没有任何作用。此外，您需要另一个按钮（
禁用
）和一个名为
列表
的元素，脚本将这些内容交换到其中或从中取出。如果上述内容对您没有多大帮助，我可以建议您阅读和文档吗？@user2651403-Jeremy的答案是正确的。如果没有两个按钮，JavaScript将抛出一个错误，抱怨
disable
未定义。这个答案足以满足你的需要。如果您对HTML和JavaScript的了解程度不足以理解它的功能，那么stackoverflow.com就不是您提出问题的合适场所。也许你应该考虑雇用一个开发人员。您可以尝试获得一些个性化的帮助。无论哪种方式，在对试图帮助你的人做出粗鲁回应之前，试着缓和你的沮丧情绪。
<button id="enable" type="button">Enable</button>