时间戳

首页 > 解决方案 > 如何修复这个简单的均值计算器以使其正常工作，以及如何制作它以便它需要尽可能多的数字？

javascript - 如何修复这个简单的均值计算器以使其正常工作，以及如何制作它以便它需要尽可能多的数字？

问题描述

我正在用 HTML、JS 和 Jquery 制作一个平均计算器。我不确定如何检索输入的数字数量，所以我想出了，var numberOfNumbers = $('input').attr('class').length但我认为它不起作用。收集用于查找均值的数字数量的更好方法是什么？我的代码还有什么问题吗？另外，我怎样才能使我可以输入任意数量的数字并找到它们的平均值？谢谢。

<!DOCTYPE html>
<html>
  <head>
    <title>Find Average</title>
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script src="meancalculator.js"></script>
  </head>
  <body>
    <p>Number 1</p>
    <input type="text" id="number1" class="numbers">
    <p>Number 2</p>
    <input type="text" id="number2" class="numbers">
    <p>Number 3</p>
    <input type="text" id="number3" class="numbers">
    <button>Calculate</button>
    <p>The mean is <span></span></p>
  </body>
</html>

$(function () {
  $('button').click(calculate)
})

var number1 = $('#number1').val()
var number2 = $('#number2').val()
var number3 = $('#number3').val()
var numberOfNumbers = $('input').attr('class').length

function calculate() {
  var result = (number1 + number2 + number3) / numberOfNumbers
}

$('span').html(result)

标签： javascriptjqueryhtml

解决方案

替换您的以下代码：

var numberOfNumbers = $('input').attr('class').length

至：

var numberOfNumbers = $('.numbers').length

推荐阅读