Javascript 以天计算的年龄JS挑战者问题的结果?
我正在学习聪明程序员的youtube JS教程(),第一个挑战是一个带有两个按钮和一个结果框的天数计算器 唯一的问题是,当我单击“单击我”按钮时,它没有正确显示答案(应该打印“你已经XXXX天了”),而是显示完整的JS代码(即函数和我的所有注释,但不是实际答案) 我已经检查了每个文件(HTML、CSS和JS),但找不到错误的位置或原因 我相信这与JS函数中的这些代码行有关:Javascript 以天计算的年龄JS挑战者问题的结果?,javascript,html,calculator,Javascript,Html,Calculator,我正在学习聪明程序员的youtube JS教程(),第一个挑战是一个带有两个按钮和一个结果框的天数计算器 唯一的问题是,当我单击“单击我”按钮时,它没有正确显示答案(应该打印“你已经XXXX天了”),而是显示完整的JS代码(即函数和我的所有注释,但不是实际答案) 我已经检查了每个文件(HTML、CSS和JS),但找不到错误的位置或原因 我相信这与JS函数中的这些代码行有关: h1.appendChild(textAnswer); document.getElementById('flex-bo
h1.appendChild(textAnswer);
document.getElementById('flex-box-result').appendChild(h1);
完整代码在这里,我将附上问题的图像(如何显示答案)
函数ageInDays(){
var birthYear=prompt('你是哪一年出生的……好朋友?');
var ageInDayss=(2020年-出生年份)*365;
var h1=document.createElement('h1');
var textAnswer=document.createTextNode('您是'+ageInDays+'天大');
h1.setAttribute('id','ageInDays');
h1.追加儿童(textAnswer);
document.getElementById('flex-box-result').appendChild(h1);
}
函数重置(){
document.getElementById('ageInDays').remove();
}
.container-1{
边框:1px纯黑;
宽度:75%;
保证金:0自动;
}
.flex-box-container-1{
显示器:flex;
边框:1px纯黑;
填充:10px;
柔性包装:包装;
弯曲方向:行;
证明内容:周围的空间;
}
.flex-box-container-1分区{
显示器:flex;
填充:10px;
边框:1px纯黑;
对齐项目:居中;
}
类固醇
挑战1:你的年龄(以天为单位)
点击我
重置
您使用了错误的变量<代码>document.createTextNode('您是'+ageInDays+'天大')代码>。这里使用函数名作为变量。这就是为什么在命名变量时应该遵循更好的标准。您将年龄编号定义为ageInDayss
。正如@RRK所说:在函数ageInDays()
中,使用变量:var textAnswer=document.createTextNode('您是'+ageInDayss+'天')代码>。