Question

所以我试图将输入文本放入列表但不起作用。并且空列表选项也不起作用。这是我的代码：

这是我给出的任务：通过输出带有文本0,1,2,3等的10个按钮来创建“数字小键盘”。做成一个文本字段，您可以通过按按钮输入数字3604。每次你按下按钮，因此按钮上的数字应添加到文本框中。

不知何故，它不允许我将数字添加到另一个列表中，也不会清空列表。

Answer 1

这是有效的，请查看：

<script>

        function add(num) {
            var calc = document.getElementById("text1");
            calc.value += num;
        }

        addList=function() {
            var name = document.getElementById("text1").value;
    alert(name);
                document.getElementById("liste").innerHTML = document.getElementById("liste").innerHTML + "<li>" + name + "</li>";
                //document.getElementById("liste").innerHTML = "";
        }


        var emptyList=function() {
            document.getElementById("text1").value = "";
        }  

        kappa=function() {
            document.getElementById("btnAddList").onclick = addList;
            document.getElementById("btnEmptyList").onclick = emptyList;
        }
        window.onload = kappa //When the site is fully loaded
</script>

现在是html：

List:   <input type="text" id="text1" />
<button type="button" id="btnAddList">Add list</button>
<button type="button" id="btnEmptyList">Empty list</button>
<br/>
<button id="btnAdd1" onclick="add(1)">1</button>
<button id="btnAdd2" onclick="add(2)">2</button>
<button id="btnAdd3" onclick="add(3)">3</button>
<button id="btnAdd4" onclick="add(4)">4</button>
<button id="btnAdd5" onclick="add(5)">5</button>
<button id="btnAdd6" onclick="add(6)">6</button>
<button id="btnAdd7" onclick="add(7)">7</button>
<button id="btnAdd8" onclick="add(8)">8</button>
<button id="btnAdd9" onclick="add(9)">9</button>
<button id="btnAdd0" onclick="add(0)">0</button>

<ol id="liste">

我正在尝试将输入文本添加到列表中但不起作用

1 个答案: