Javascript 将两个变量合并到一个变量中,并将其与另一个变量相等
代码没有任何错误,但不起作用。我填写两个输入并单击按钮,但它不会打印出单词Javascript 将两个变量合并到一个变量中,并将其与另一个变量相等,javascript,html,Javascript,Html,代码没有任何错误,但不起作用。我填写两个输入并单击按钮,但它不会打印出单词 let listItem=document.getElementById('todoListItem'); 让timeInputValue=document.getElementById('timeInput'); 让getInputValue=document.getElementById('task'); 让errorMessageInput=document.getElementById('errorMsg');
let listItem=document.getElementById('todoListItem');
让timeInputValue=document.getElementById('timeInput');
让getInputValue=document.getElementById('task');
让errorMessageInput=document.getElementById('errorMsg');
函数addTask(){
如果(getInputValue.value.trim()=“”){
errorMessageInput.textContent=“您尚未添加待办事项,请添加它以显示”;
返回;
}
让myTodoInput=listItem.textContent;
让myTodoTime=timeInputValue.textContent;
让myTodoInfo=myTodoInput+“时间”+myTodoTime;
myTodoInfo=getInputValue.value;
}
待办事项列表
任务
时间
添加任务
无论如何,您都没有打印。没有
console.log()
或alert()
,也没有DOM注入。这不是完整的解决方案,但是,我已更正了变量,以解决不显示任务的基本问题。您应该获得有关此解决方案的帮助并扩展它
let listItem=document.getElementById('todoListItem');
让timeInputValue=document.getElementById('timeInput');
让getInputValue=document.getElementById('task');
让errorMessageInput=document.getElementById('errorMsg');
函数addTask(){
如果(getInputValue.value.trim()=“”){
errorMessageInput.textContent=“您尚未添加待办事项,请添加它以显示”;
返回;
}
让myTodoInput=getInputValue.value;
让myTodoTime=timeInputValue.value;
让myTodoInfo=myTodoInput+“时间”+myTodoTime;
myTodoInfo=getInputValue.value;
listItem.innerHTML=myTodoInfo;
}
待办事项列表
任务
时间
添加任务
我解决了我的问题这就是解决方法
let listItem = document.getElementById('todoListItem');
let timeInputValue = document.getElementById('timeInput');
let getInputValue = document.getElementById('task');
let errorMessageInput = document.getElementById('errorMsg');
function addTask() {
if (getInputValue.value.trim() === "") {
errorMessageInput.textContent = "You haven't added a todo item, please add it in order to show up";
return;
}
let myTodoInput = getInputValue.value;
let myTodoTime = timeInputValue.value;
let myTodoInfo = myTodoInput + ' at ' + myTodoTime + 'PM';
listItem.textContent = myTodoInfo;
}
请回答您的问题并提供答案。如果没有相应的HTML,ID选择器是没有意义的。除了在错误处理程序中,您在哪里尝试将内容打印到DOM中?为什么要设置myTodoInfo,然后立即将其设置为完全不同的值?您也没有使用myTodoInfo。如果您尝试将getElementById片段移动到函数中会怎么样?它可能在它们出现在屏幕上之前引用它们page@defenestr8me“代码没有任何错误”,显然。我想我知道你想做什么。您希望为任务和时间添加名称。然后在列表中显示它。然后将更多任务添加到该列表中。但是你做得非常错误。从与实际值无关的变量名到逻辑。请检查您的代码,进行一点研究,并更改问题的描述,使其更具体。他们不会尝试
控制台。日志或警报。他们引用的是HTML文件中的变量。他在最初写的中说,在页面上打印出单词
是,而不是控制台,我可能没有正确解释,我几乎不知道,因此我是新来的。我所说的打印实际上是让它显示在listItem上,而不是在控制台或警报中打印
let listItem = document.getElementById('todoListItem');
let timeInputValue = document.getElementById('timeInput');
let getInputValue = document.getElementById('task');
let errorMessageInput = document.getElementById('errorMsg');
function addTask() {
if (getInputValue.value.trim() === "") {
errorMessageInput.textContent = "You haven't added a todo item, please add it in order to show up";
return;
}
let myTodoInput = getInputValue.value;
let myTodoTime = timeInputValue.value;
let myTodoInfo = myTodoInput + ' at ' + myTodoTime + 'PM';
listItem.textContent = myTodoInfo;
}