Largest number inputted-CodePudding

I was trying to get the largest input in HTML using JavaScript, but I cannot seem to get what's wrong with my code. could someone please help.

var numbers = [];
var output = document.getElementById("result");

function largest() {
  var number = document.getElementById("number");
  numbers.push(number.value);
  var max = Math.max(numbers);
  alert(max);


  number.innerHTML = "";
  output.innerHTML = max;
}

<p>Enter a number
  <input type="text" id="number" onchange="largest()"><br> Largest:
  <span id="result"></span>

</p>

CodePudding user response：

You needed a plus (unary plus operator) and a spread ...

var numbers = [];
var output = document.getElementById("result");

function largest() {
  var number = document.getElementById("number");
  numbers.push( number.value);
  var max = Math.max(...numbers);
  console.log(max);


  number.innerHTML = "";
  output.innerHTML = max;
}

<p>Enter a number
  <input type="text" id="number" onchange="largest()"><br> Largest:
  <span id="result"></span>

</p>

CodePudding user response：

Please try with code below

var max = Math.max(numbers); ===> var max = Math.max(...numbers);