Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/366.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 以天计算的年龄JS挑战者问题的结果?_Javascript_Html_Calculator - Fatal编程技术网

Javascript 以天计算的年龄JS挑战者问题的结果?

Javascript 以天计算的年龄JS挑战者问题的结果?,javascript,html,calculator,Javascript,Html,Calculator,我正在学习聪明程序员的youtube JS教程(),第一个挑战是一个带有两个按钮和一个结果框的天数计算器 唯一的问题是,当我单击“单击我”按钮时,它没有正确显示答案(应该打印“你已经XXXX天了”),而是显示完整的JS代码(即函数和我的所有注释,但不是实际答案) 我已经检查了每个文件(HTML、CSS和JS),但找不到错误的位置或原因 我相信这与JS函数中的这些代码行有关: h1.appendChild(textAnswer); document.getElementById('flex-bo

我正在学习聪明程序员的youtube JS教程(),第一个挑战是一个带有两个按钮和一个结果框的天数计算器

唯一的问题是,当我单击“单击我”按钮时,它没有正确显示答案(应该打印“你已经XXXX天了”),而是显示完整的JS代码(即函数和我的所有注释,但不是实际答案)

我已经检查了每个文件(HTML、CSS和JS),但找不到错误的位置或原因

我相信这与JS函数中的这些代码行有关:

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+'天')