首页 > 解决方案 > 如何找到具有不同值的单选按钮的平均值?

问题描述

在我的 HTML 页面上,我制作了一个由单选按钮组成的评级系统,并用 CSS 对其进行样式设置,使它们看起来像被填充的星星。我还制作了一个提交按钮,这样当我按下一颗星时,它会显示:“星数:xx”

这是我需要做的:

在 Javascript 中,我需要编写一个程序来计算提交的星星的平均数。因此,假设用户点击 3 星,提交,然后点击 5 星并再次提交。我希望程序显示:“平均星级为 4”。如果用户选择再次提交,则必须计算新的星级。

谁能帮我吗?

我找到了一个计算平均值的代码,但我不知道如何在我的程序中实现它

function average (numbers){
  var sum = 0;
  for (var i = 0; i < numbers.length; i++){
      sum += numbers[i];
  }
  return sum / numbers.length;
}
average([1, 2, 3, 4, 5])

标签: javascript

解决方案


这不是一个完整的答案,你有一些研究要做,但你需要它,没有冒犯。在你的html中是这样的......

<button onclick="submitRating(someRadioButton.value)" />

然后在你的js中......

let ratings = []

function submitRating(rating){
    ratings.push(rating);
    console.log("the current average is: " + average(ratings));
}


推荐阅读