Javascript 未捕获类型错误:无法设置属性';innerHTML';空的

Javascript 未捕获类型错误:无法设置属性';innerHTML';空的,javascript,html,Javascript,Html,我正在为Freecodecamp制作一个pomodoro时钟。每次我用指定的定时器值执行代码进行倒计时时,我都不会遇到任何问题。但是,当我试图通过live demo站点的界面修改倒计时值时,该值已被修改,但由于某些原因,我无法像以前一样在演示站点上看到结果,如果不是这样,我会遇到以下问题:“Uncaught TypeError:无法将属性'innerHTML'设置为null” Javascript: 函数myfunction(){ 倒计时((会话时间*60000)+数字(新日期()),[“小时

我正在为Freecodecamp制作一个pomodoro时钟。每次我用指定的定时器值执行代码进行倒计时时,我都不会遇到任何问题。但是,当我试图通过live demo站点的界面修改倒计时值时,该值已被修改,但由于某些原因,我无法像以前一样在演示站点上看到结果,如果不是这样,我会遇到以下问题:“Uncaught TypeError:无法将属性'innerHTML'设置为null”

Javascript:

函数myfunction(){
倒计时((会话时间*60000)+数字(新日期()),[“小时”、“分钟”、“秒”],函数(){
console.log('finished!');
});
}
函数lessBreakTime(){
如果(状态==0){
//初始中断时间值。
x=document.getElementById(“breakTimeValue”).innerHTML;
//单击以减去中断时间。
x-=1;
//如果计时器未达到-1,则设置新的中断时间。
如果(x>=0){
document.getElementById(“breakTimeValue”).innerHTML=x;
//更新中断时间值。
中断时间=x;
}
} 
}
函数moreBreakTime(){
如果(状态==0){
//初始中断时间值。
x=document.getElementById(“breakTimeValue”).innerHTML;
//获取字符串中断值并将其设置为数值。
z=数量(x);
//增加休息时间
z+=1;
//设置新的中断时间值
document.getElementById(“breakTimeValue”).innerHTML=z;
//更新中断时间值。
中断时间=z;
}
}
函数lessessiontime(){
如果(状态==0){
//初始会话时间值。
x=document.getElementById(“sessionTimeValue”).innerHTML;
//从会话时间值中减去一个单位。
x-=1;
//如果值大于或等于零,则设置新会话时间。
如果(x>=0){
document.getElementById(“sessionTimeValue”).innerHTML=x;
//更新会话时间值。
sessionTime=x;
//将计时器值设置为等于会话时间。
document.getElementById(“time”).innerHTML=x;
}
}
}
函数moreSessionTime(){
如果(状态==0){
//初始会话时间值。
x=document.getElementById(“sessionTimeValue”).innerHTML;
//获取字符串会话值并将其设置为数值。
z=数量(x);
//增加休息时间
z+=1;
//设置新的中断时间值
document.getElementById(“sessionTimeValue”).innerHTML=z;
//更新会话时间值。
sessionTime=编号(z);
//将计时器值设置为等于会话时间。
document.getElementById(“time”).innerHTML=z;
}
}
功能检查状态(){
如果(状态==0){
状态=1;
}否则{
状态=0;
}
}
var sessionTime=30;
var中断时间=5;
var状态=0;
var countdown=函数(结束、元素、回调){
var_秒=1000,
_分钟=_秒*60,
_小时=_分钟*60,
_日=_小时*24,
结束=新日期(结束),
计时器,
计算=函数(){
var now=新日期(),
剩余=end.getTime()-now.getTime(),
数据;
如果(伊斯南(完)){
console.log(“无效日期/时间”);
返回;
}

如果(剩下的是
中的javascript,它是在
所在位置的下方还是上方?@Mousey这不要紧,因为他是从
onclick
属性调用函数的。因此,在加载DOM之前无法调用函数。哪一行发生了错误?那一行错误意味着
document.getElementById()
找不到具有给定ID的元素。您需要查看正在查找的ID,并找出找不到该ID的原因。让您将任何用户输入的数据转换为
Number
lessSessionTime
lessBreakTime
也不调用
Number(x)
,但是
moreSessionTime
moreBreakTime
中的javascript,它是在
所在位置的下方还是上方?@Mousey这不重要,因为他是从
onclick
属性调用函数的。所以这些函数不能被称为u直到加载DOM。错误发生在哪一行?该错误表示
document.getElementById()
找不到具有给定ID的元素。您需要查看正在查找的ID,并找出找不到该ID的原因。请将任何用户输入的数据转换为
Number
lessSessionTime
lessBreakTime
也不要调用
Number(x)
,但是
moreSessionTime
moreBreakTime
do