尝试添加到数组并计算平均值

Question

第一次海报。我创建了 2 个按钮，一个用于向数组添加数字，另一个用于计算其平均值。我可以添加一个数字，但是每当我单击按钮来计算新的平均值时，它都会给我带来巨大的数字。

HTML：

<!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
            <title>Loops</title>
            <link rel="stylesheet" href="Style.css">
            <script src="Java.js"></script>

        </head>
            <body onload="AddNumbers()">
            <header>

            <button onclick="PlusNumber()">Add Number!</button>
            <button onclick="GetAverage()">Get Average!</button>

            <p id="NumArray"></p>
            <p id="AvNum"></p>

                </header>           
    </body>
</html> 

Javascript：

var array=[23,78,64,98,64,23,44];
var sum=0;

function AddNumbers(){
    document.getElementById('NumArray').innerHTML=array;
}
function PlusNumber(){
    var AddNum=prompt("Enter a Number");
    array[array.length]=AddNum;
    document.getElementById('NumArray').innerHTML=array;
}

function GetAverage(){
for(index=0;index<array.length;index++){
    sum+=array[index];
}
    var average=sum/array.length;
    document.getElementById('AvNum').innerHTML=average;

}

Answer 1

如果不是，您需要parseInt 新条目作为字符串应用。

在函数中计算平均值之前将 sum 初始化为 0

var array=[23,78,64,98,64,23,44];
var sum=0;

function AddNumbers(){
    document.getElementById('NumArray').innerHTML=array;
}
function PlusNumber(){
    var AddNum=prompt("Enter a Number");
    array[array.length]=parseInt(AddNum);
    document.getElementById('NumArray').innerHTML=array;
}

function GetAverage(){
sum=0;
for(index=0;index<array.length;index++){
    sum+=array[index];
}
    var average=sum/array.length;
    document.getElementById('AvNum').innerHTML=average;

}

<!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
            <title>Loops</title>
            <link rel="stylesheet" href="Style.css">
            <script src="Java.js"></script>

        </head>
            <body onload="AddNumbers()">
            <header>

            <button onclick="PlusNumber()">Add Number!</button>
            <button onclick="GetAverage()">Get Average!</button>

            <p id="NumArray"></p>
            <p id="AvNum"></p>

                </header>           
    </body>
</html>