在javascript提示下输入文本后，文本不会显示在屏幕上

my text does not apear on the screen after I enter it in on javascript prompt

本文关键字：文本 显示 屏幕 javascript 提示 输入      更新时间：2023-09-26

嘿，大家又在做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);
};

listItem.innerText = "itemText"; // This is a string

应该是

listItem.innerText = itemText; // This is the parameter

您似乎还有一个额外的</ul>结束标记。

您的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/

当您将itemText指定为'itemText'时，itemText将变为字符串，并且该常量字符串将被附加，而不是您正在输入的文本。这就是为什么它对你不起作用。

addNewItem方法中的itemText不应该用引号括起来。

listItem.innerText = itemText;

非常简单的错误陈述删除第二个/ul

相关文章：