找到最大值、最小值、总和、平均值和一系列 no 的反转顺序

Find the Max, Min, Sum, Average and reverse order of a series of no

本文关键字：no 一系列 顺序 平均值 最大值 最小值 总和      更新时间：2023-09-26

我需要找到一系列no的最大值，最小值，总和，平均值和反向顺序。创建一个网页，该网页将显示一系列 no 的输出（最大值、最小值、总和、平均值和反向顺序）。该页面应包含一个表单，其中输入字段将显示一系列 no。将在以昏迷分隔的字段中输入。该程序将继续进行计算，因为我继续提供一系列否。样本：

数字输入序列 ： 12,12,22,9,1,20最大 ： 22最小 ： 1总额 ： 76平均 ： 12.66倒序 ： 20,1,9,22,12,12

我尝试的代码： 

 <!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title> Series Finder </title>
</head>
<body>
<table width="50%" border="0" align="center">
  <tr>
    <td width="13%">Input Series of Number :</td>
    <td width="29%"><input name="box1" type="text" id="box1"  /></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td></td>
  </tr>
  <tr>
    <td>Max :</td>
    <td><div id="result"> </div></td>
  </tr>
  <tr>
    <td>Min :</td>
    <td><div id="result"> </div></td>
  </tr>
  <tr>
    <td>Sum  :</td>
    <td><div id="result"> </div></td>
  </tr>
  <tr>
    <td>Average :</td>
    <td><div id="result"> </div></td>
  </tr>
  <tr>
    <td>Reverse Order :</td>
    <td><div id="result"> </div></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td></td>
  </tr>
</table>
</body>
</html>
<script>
   function calculate() {
        var myBox1 = document.getElementById('box1').value; 
        var res = Math.max([myBox1, myBox1]);
        alert(res);

        result.innerHTML = myResult;

    }
</script>

> ECMAScript 2015 解决方案：

const input = [12, 12, 22, 9, 1, 20];
let max = Math.max(...input);
let min = Math.min(...input);
let sum = input.reduce((r, i) => r + i, 0);
let average = (sum / input.length).toFixed(2);
let reverse = input.slice().reverse();


function calculate() {
  var values = document.getElementById('box1').value.split(/,/g);
  var sum = values.reduce(function(a, b) { return parseInt(a) + parseInt(b); });
  document.querySelector('#max').innerHTML = values.max();
  document.querySelector('#min').innerHTML = values.min();
  document.querySelector('#sum').innerHTML = sum;
  document.querySelector('#avg').innerHTML = sum / values.length;
  document.querySelector('#reverse').innerHTML = values.reverse().join(',');
}
Array.prototype.max = function() {
  return Math.max.apply(null, this);
};
Array.prototype.min = function() {
  return Math.min.apply(null, this);
};
<!DOCTYPE html>
<html>
  <head>
    <meta charset=utf-8 />
    <title> Series Finder </title>
  </head>
  <body>
    <table width="50%" border="0" align="center">
      <tr>
        <td width="13%">Input Series of Number:</td>
        <td width="29%"><input name="box1" type="text" id="box1" value="12,12,22,9,1,20" /></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td></td>
      </tr>
      <tr>
        <td>Max :</td>
        <td><div id="max"> </div></td>
      </tr>
      <tr>
        <td>Min :</td>
        <td><div id="min"> </div></td>
      </tr>
      <tr>
        <td>Sum  :</td>
        <td><div id="sum"> </div></td>
      </tr>
      <tr>
        <td>Average :</td>
        <td><div id="avg"> </div></td>
      </tr>
      <tr>
        <td>Reverse Order :</td>
        <td><div id="reverse"> </div></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td></td>
      </tr>
    </table>
<button onclick="calculate()">calculate</button>
  </body>
</html>

相关文章：