javascript - 如何找到具有不同值的单选按钮的平均值?
问题描述
在我的 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])
解决方案
这不是一个完整的答案,你有一些研究要做,但你需要它,没有冒犯。在你的html中是这样的......
<button onclick="submitRating(someRadioButton.value)" />
然后在你的js中......
let ratings = []
function submitRating(rating){
ratings.push(rating);
console.log("the current average is: " + average(ratings));
}
推荐阅读
- image - 在容器内启动 tomcat servelt 引擎 tomcat8 [失败]
- spring-mvc - JSP 和 Spring MVC 中的动态表
- model-view-controller - 对于有 Java/JavaFX 经验的人来说,最简单的语言/框架可用于遵循 MVC 的 Web 应用程序
- c - 为什么在第二次左右调用后我的数组元素不显示?
- c - ++ 和 -- 运算符在此示例中如何工作?
- angular - 按下按钮时从打字稿可观察函数返回值
- python - 试图在类中引发自定义异常
- c - 为什么在 cfg80211 扫描请求中为具有灵活数组成员的结构分配了更多的内存(比所需的内存)?
- docker - Docker:启动后保持 Ubuntu 容器运行?
- python - 绘图中类别值的绘图具有相同的坐标