在javascript提示中输入文字后，我的文字没有出现在屏幕上

debugcn 发表于 Dev

用户名

大家再次使用JavaScript进行本教程。我注意到，当我单击按钮时，输入新项目后看不到任何文本。你们中的任何人都知道为什么。边框来自我的CSS，所以我知道它已经输入，无论如何这是到目前为止的代码。

<!doctype html>
<html>
    <head>

    <title>To do list with html and javascript</title>
    <style>
    ul { list-style: none; padding: 0; margin: 0; width: 400px;}
    li { border: 4px solid #ccc; background: #eee; padding: 10px 15px; color: #000; }
        </style>
    </head>
    <body>
<h1>To Do List</h1>
<p><button id="btnAdd">click here!</button></p> 

<ul id="todolist">
</ul>

</ul>


<script src="todo.js"></script>
    </body>
</html>

和

function addNewItem(list, itemText){
    var listItem = document.createElement("li");
    listItem.innerText = "itemText";


    list.appendChild(listItem);
}


var btnNew= document.getElementById("btnAdd");
btnNew.onclick = function() {
    var itemText = prompt("what is your task?")
    addNewItem(document.getElementById("todolist"), itemText);
};

黑暗骑士

您的html标记被错误地发布。那里有一个额外的ul东西。

更多的js代码必须类似于：

function addNewItem(list, itemText){
    var listItem = document.createElement("li");
    listItem.innerText = itemText;
    list.appendChild(listItem);
}

var btnNew= document.getElementById("btnAdd");
btnNew.onclick = function() {
    var itemText = prompt("what is your task?")
    addNewItem(document.getElementById("todolist"), itemText);
};

接下来，在此提琴中找到可行的解决方案：http : //jsfiddle.net/LRyKd/1/

当您给itemTextas时，'itemText'itemText将成为一个字符串，并且该常量字符串将被附加，而不是您输入的文本。这就是为什么它不适合您的原因。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。