HTML元素的JavaScript重复

我在一些JavaScript中遇到了元素重复的问题

我的问题是，我必须添加一个按钮，每次单击该按钮时，都会将另一个具有相同文本的相同HTML元素添加到页面中

我举的例子是。。 如果用户单击按钮5次，则不应该有5个元素，每个元素都有自己的黑色边框

边框或创建按钮对我来说不是问题。函数以相同的精确形式重复元素

我不是要别人为我写整个函数。只是一个能解释好方向的人。我在网上和我的书上都看过了，但我一点运气都没有。任何帮助都将不胜感激

我知道函数必须是这样的

    window.onload = init;
    function init() {
        var button = document.getElementById("addButton");
        button.onclick = handleButtonClick; 
        var button1 = document.getElementById("repeatMe");
        button1.onclick = handleButtonClick;
    }

    function handleButtonClick() {
        var LGtextInput = document.getElementById("text");
        var LGlistElem = LGtextInput.value;
        var li = document.createElement("li");
        li.innerHTML = LGlistElem;
        var LGul = document.getElementById("list");
        LGul.appendChild(li);
    }

---

这会重复输入无序列表中的文本，我会更改名称以重复其他元素吗？我希望元素是一个标题标签

你认为应该如何处理这个问题？我知道它必须是一个函数，类似这样的函数……似曾相识。。。我刚才回答了一个与此相同的问题-。这是家庭作业还是什么？对不起，我把它贴在上面了。准备好就容易多了谢谢。。这实际上是一项任务，但我从未听说过那个人。感谢您将我链接到另一个页面。