Javascript 我做的这个简单的待办事项列表应用程序有什么问题？待办事项清单添加让按钮=document.getElementById（“btn”）；让输入=document.getElementById（“输入”）；让theField=document.getElementById（“任务”）； document.onload=（）=>{ 按钮。addEventListener（'单击'，函数func（）{ var task=document.createElement（“p”）； task.innerText=输入值； theField.appendChild（任务）； } ) }_Javascript_Html

Javascript 我做的这个简单的待办事项列表应用程序有什么问题？待办事项清单添加让按钮=document.getElementById（“btn”）；让输入=document.getElementById（“输入”）；让theField=document.getElementById（“任务”）； document.onload=（）=>{ 按钮。addEventListener（'单击'，函数func（）{ var task=document.createElement（“p”）； task.innerText=输入值； theField.appendChild（任务）； } ) }

javascript html

Javascript 我做的这个简单的待办事项列表应用程序有什么问题？待办事项清单添加让按钮=document.getElementById（“btn”）；让输入=document.getElementById（“输入”）；让theField=document.getElementById（“任务”）； document.onload=（）=>{ 按钮。addEventListener（'单击'，函数func（）{ var task=document.createElement（“p”）； task.innerText=输入值； theField.appendChild（任务）； } ) },javascript,html,Javascript,Html,我不知道这段代码出了什么问题，如果我看起来很愚蠢的话，对不起，我是编程界的新手，这是我的第一个应用程序。简单的回答是，文档不会引发onload事件-窗口会引发（除其他外，还有文档化）因此，您的代码从未向按钮添加事件侦听器您只需在事件处理程序中添加一个console.log（“Foo”），就可以调试此类问题—您可能会注意到，当您单击按钮时，它从未写入日志让按钮=document.getElementById（“btn”）；让输入=document.getElementById（“输入”）；

我不知道这段代码出了什么问题，如果我看起来很愚蠢的话，对不起，我是编程界的新手，这是我的第一个应用程序。

简单的回答是，

文档

不会引发

onload

事件-

窗口

会引发（除其他外，还有文档化）因此，您的代码从未向按钮添加事件侦听器

您只需在事件处理程序中添加一个

console.log（“Foo”）

，就可以调试此类问题—您可能会注意到，当您单击按钮时，它从未写入日志

让按钮=document.getElementById（“btn”）；
让输入=document.getElementById（“输入”）；
让theField=document.getElementById（“任务”）；
window.onload=（）=>{
按钮。addEventListener（'单击'，
函数func（）{
var task=document.createElement（“p”）；
task.innerText=输入值；
theField.appendChild（任务）；
}
)
}


待办事项清单
添加

“怎么了？”你告诉我！大家好，欢迎来到SO。请花些时间阅读指南以及如何提问。所以不是论坛、教程、指南或个人帮助台。说soemthing是错误的不仅是宽泛的，而且是完全无用的信息。我们应该如何知道什么是不工作的意愿或破坏？因此，请用更详细的信息编辑您的问题。例如，什么没有按预期工作，以及预期的行为应该是什么。

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="TestCSS.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Monoton&display=swap" rel="stylesheet">
</head>
<body>
<script src="TestJS.js"></script>
<div class="main">
<h1 class="header"> Todo list </h1>
<div class="inputs">
<input type="text" placeholder="Enter your tasks" class="inpt" id="inpt">
<button class="btn" id="btn"> Add </button>
</div>
<div id="tasks" >  
</div>
</div>
</body>
</html>


let theButton = document.getElementById("btn");
let theInput = document.getElementById("inpt");
let theField = document.getElementById("tasks");

document.onload = ()=> {
    theButton.addEventListener('click',
    function func(){
        var task = document.createElement("p");
        task.innerText = theInput.value; 
         theField.appendChild(task);
        }
    )
}