Как взять элементы из ?

Не получается использовать массив из Input type="text" в функции. Ввожу в input несколько чисел через запятую и нужно чтоб функция сравнила их всех и вывела наибольшее число.

 <input type="text" id="input1" placeholder="Введите число">
<input type="button" name="max1" onclick="maximum()" value="max"><br><br>
<div id="ggg"></div>
<script>
    function maximum(){
    document.getElementById('ggg').innerHTML = Math.max(input1.value);
}
</script>

Ответы (2 шт):

Автор решения: entithat

input1.value - дает нам строку формата "1,2,3". Чтобы найти максимальное число, нам надо поделить строку на числа с помощью split(','), который вернет массив фомата ['1', '2', '3'].

function maximum() {
  ggg.innerHTML = Math.max(...input1.value.split(','));
}
<input type="text" id="input1" placeholder="Введите число">
<input type="button" name="max1" onclick="maximum()" value="max">
<br><br>
<div id="ggg"></div>

→ Ссылка
Автор решения: Igor

function maximum() {
  ggg.innerHTML =  Math.max.apply(Math, input1.value.split(','));
}
<input type="text" id="input1" placeholder="Введите число" value="123,456,321">
<input type="button" name="max1" onclick="maximum()" value="max"><br><br>
<div id="ggg"></div>

→ Ссылка