Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将两个变量合并到一个变量中,并将其与另一个变量相等_Javascript_Html - Fatal编程技术网

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;
}