javascript - 尝试创建待办事项列表

<h1>TO-Do List</h1>
<input type="text" id="text1">
<input type="button" button name="btnAdd" value="+" class="btn btn-danger" onclick="addTask()"><br>
<ul id="addTask"></ul>

javascript *还获得“ otpt”上的只读jslint错误

function addTask() {
    var otpt = document.createElement('li');
    text = document.createTextNode(otpt);
    otpt.appendChild('text');


    document.getElementById("addTask").appendChild(otpt);


}

最佳答案

尝试这个 ：


otpt.appendChild('text');它是错误的声明。
document.createTextNode(otpt)它将添加元素而不是输入的输入文本。
如果您需要添加输入值以附加li。请调用输入值以textNode传递。请参见以下代码段

function addTask() {
    var otpt = document.createElement('li');
    var val =document.getElementById('text1').value;
    var text = document.createTextNode(val);
    otpt.appendChild(text);


    document.getElementById("addTask").appendChild(otpt);


}

<h1>TO-Do List</h1>
<input type="text" id="text1">
<input type="button" button name="btnAdd" value="+" class="btn btn-danger" onclick="addTask()"><br>
<ul id="addTask"></ul>