Javascript 未定义未捕获的引用错误trapArea/Per_Javascript_Function_Undefined_Referenceerror

Javascript 未定义未捕获的引用错误trapArea/Per

javascript function

Javascript 未定义未捕获的引用错误trapArea/Per,javascript,function,undefined,referenceerror,Javascript,Function,Undefined,Referenceerror,我们最近开始在我的HTML类中使用Javascript，我似乎在我的所有程序中都遇到了一个问题，我不太清楚。我会问老师，但我一直在家工作，我们休息，这会一直折磨着我。我已经看过了“函数未定义”问题的其他答案，但他们并没有为我这么做。那么，我一直做错的是什么呢？我敢打赌我的格式有问题 <!DOCTYPE html> <html> <head><title>Area and Perimeter of a trapezoid</title>

我们最近开始在我的HTML类中使用Javascript，我似乎在我的所有程序中都遇到了一个问题，我不太清楚。我会问老师，但我一直在家工作，我们休息，这会一直折磨着我。我已经看过了“函数未定义”问题的其他答案，但他们并没有为我这么做。那么，我一直做错的是什么呢？我敢打赌我的格式有问题

<!DOCTYPE html> 
<html> 
<head><title>Area and Perimeter of a trapezoid</title></head>

<center><body> 

<h1>Area and Perimeter of a Trapezoid</h1> 

<p>Enter the first base length:
<input id="b1" type="text"> </br> 

Enter the second base length: 
<input id="b2" type="text"> </br> 

Enter the height of the trapezoid: 
<input id="height" type="text"> </br> 

Enter the length of the sides of the trapezoid: 
<input id="side" type="text"> </br>
</p> 

<button type="button" onclick="trapArea()">Area</button> 
<p id="area"></p>

<button type="button" onclick="trapPer()">Perimeter</button> 
<p id="perimeter"></p>

<script> 

function trapArea()
{
var b1=document.getElementById("b1"); 
var b2=document.getElementById("b2");
var height=document.getElementById("height"); 
var area=(.5*(b1+b2)*height);
document.getElementById("area").innerHTML="The area of this trapezoid is "+area+".</br>". 
}

function trapPer()
{
var b1=document.getElementById("b1"); 
var b2=document.getElementById("b2"); 
var side=document.getElementById("side"); 
var perimeter=(b1+b2+side); 
document.getElementById("perimeter").innerHTML="The perimeter of this trapezoid is         "+perimeter+".</br>".
}

</script>
</center>
</body> 
</html>


梯形的面积和周长
梯形的面积和周长
输入第一个基准长度：


输入第二个基准长度：


输入梯形的高度：


输入梯形边的长度：



地区

周长

函数trapArea（）
{
var b1=document.getElementById（“b1”）；
var b2=document.getElementById（“b2”）；
var height=document.getElementById（“高度”）；
可变面积=（.5*（b1+b2）*高度）；
document.getElementById（“area”）.innerHTML=“此梯形的面积为“+area+”
”。
}
函数捕捉器（）
{
var b1=document.getElementById（“b1”）；
var b2=document.getElementById（“b2”）；
var side=document.getElementById（“side”）；
var周长=（b1+b2+侧）；
document.getElementById（“周长”）.innerHTML=“此梯形的周长为“+周长+”
”。
}

替换

document.getElementById("area").innerHTML="The area of this trapezoid is "+area+".</br>".

document.getElementById（“area”）.innerHTML=“此梯形的面积为“+area+”
”。

及

document.getElementById（“周长”）.innerHTML=“此梯形的周长为“+period+”
”。

用分号


您使用的是dom元素（htmlObjects）而不是它们的值（文本，在本例中可以解析为数字）。试试这个
function trapArea()
{
var b1=document.getElementById("b1").value; 
var b2=document.getElementById("b2").value;
var height=document.getElementById("height").value; 
console.log(b1,b2,height);
var area=(.5*(b1+b2)*height);
document.getElementById("area").innerHTML="The area of this trapezoid is "+area+".</br>";
}

函数trapArea（）
{
var b1=document.getElementById（“b1”）.value；
var b2=document.getElementById（“b2”）.value；
var height=document.getElementById（“height”）.value；
控制台日志（b1、b2、高度）；
可变面积=（.5*（b1+b2）*高度）；
document.getElementById（“area”）.innerHTML=“此梯形的面积为“+area+”
”；
}
使用在HTML5中是毫无意义的，因为它已被删除，并且将没有任何效果。
function trapArea()
{
var b1=document.getElementById("b1").value; 
var b2=document.getElementById("b2").value;
var height=document.getElementById("height").value; 
console.log(b1,b2,height);
var area=(.5*(b1+b2)*height);
document.getElementById("area").innerHTML="The area of this trapezoid is "+area+".</br>";
}