1

Не получается использовать массив из 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 ответа 2

3

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>

4
  • Спасибо. А почему точки перед input.value.split(',') важны? Без них код не работал.
    – Boo Boo
    17 дек 2020 в 16:09
  • 1
    @BooBoo, эти три точки ... называются деструктуризацией. Функция Math.max() принимает много параметров, но как числа. А без точек мы передавали массив. Вот и функция не могла понять, что искать, потому что вместо числа получила массив. Чтобы функция поняла, надо использовать троеточие, что означает расспаковку массива. Т.е. мы как бы пишем Math.max('1', '2', '3', ...).
    – entithat
    17 дек 2020 в 16:11
  • Понял, спасибо большое.
    – Boo Boo
    17 дек 2020 в 16:16
  • @BooBoo, пожалуйста
    – entithat
    17 дек 2020 в 16:17
2

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>

4
  • Шок. Впервые узнал, что можно не писать document.getElementByid..., а просто взять название id.
    – entithat
    17 дек 2020 в 16:08
  • @entithat: дык, ID же всегда глобальным был, не?
    – UModeL
    17 дек 2020 в 16:26
  • @UModeL, даже в мыслях такого не было. Господи, а я везде писал этот document... Век живи, век учись...
    – entithat
    17 дек 2020 в 16:27
  • @entithat: но, тем не менее getElementById тоже нужен. Рекомендую найти внятную статью про него. Я заинтересовался после вопроса на SO, а раньше тоже не сталкивался и сильно не углублялся.
    – UModeL
    17 дек 2020 в 16:33

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.