Javascript 如何将项目添加到列表中?仅使用onsubmit

Javascript 如何将项目添加到列表中?仅使用onsubmit,javascript,html,onsubmit,Javascript,Html,Onsubmit,我正在使用Javascript/HTML创建一个待办事项列表。如何在中使用onsubmit将文本输入添加到列表中。这就是我目前得到的 <h1>To-Do List</h1> <form onsubmit= "return addItem(document.getElementById(list), inputText)"> ` <input type="text" id="inputItem" placeholder="Enter a Tas

我正在使用Javascript/HTML创建一个待办事项列表。如何在中使用onsubmit将文本输入添加到列表中。这就是我目前得到的

<h1>To-Do List</h1>

<form onsubmit= "return addItem(document.getElementById(list), inputText)"> ` 
    <input type="text" id="inputItem" placeholder="Enter a Task">
    <input type="submit">

</form>

<ul id="list">

</ul>

<script 
// adds Task to list

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

    list.appendChild(listItem)

</script>
正确获取列表“列表”,而不是列表 将字段传递给函数,而不是某个字符串-您可以传递'inputField',但还需要var value=document.getElementByIdinputField.value并返回addItem'list','inputItem' 返回false或使用preventDefault不提交表单 函数addItemlist,inputField{ var list=document.getElementByIdlist; var listItem=document.createElementli; listItem.innerText=inputField.value;//传递了该字段。 list.appendChildlistItem; 返回false;//停止提交 } 待办事项清单
它工作!!!非常感谢你。我更了解它。我修复了代码,甚至添加了一个功能,在提交后清除输入文本。但效果不好。你知道更好的方法吗。我就是这样尝试的。var inputItem=document.getElementByIdinputItem;inputItem.focus;inputItem.select;再次感谢。是否也可以将所选输入文本替换为空字符串。inputItem.value=;inputItem.focus;查看“选择/焦点”版本的第二个代码,则无需清除该条目,并且允许用户添加类似的项目