Как связать значения двух input-ов?

Question

[Segio]

Вот код

https://codepen.io/Mamikonars/pen/RYyVoO

При кликах на баттоны — значение инпутов увеличиваются. При клике на winner — выводится максимальное значение.

Мне нужно, чтобы и с максимальным значением выводилось и value его инпута.

Например:
kurs2 — 6

Подскажите пожалуйста, как это можно реализовать.

Answer 1

[0xD34F]

const max = (data, key = n => n) =>
  Array.prototype.reduce.call(data, (max, n) => {
    const val = key(n);
    return val > max[1] ? [ n, val ] : max;
  }, [ null, -Infinity ]);

const [ item, value ] = max(
  form.querySelectorAll('.kursBtn'),
  n => +n.nextElementSibling.value
);

form.querySelector('#winner').value = `${item.name} - ${value}`;

https://jsfiddle.net/yo6buqg0/

Comments

[Segio]

Спасибо большое. Вы мне очень помогли. Уже во второй раз..

Вот это я понимаю — профи!

[Segio]

Если не затруднит, не могли бы еще подсказать, как сделать, чтобы у инпута с максимальным значением был определенный класс (чтобы окрасить красным поле с макс значением).
Не представляю, как можно это реализовать...

https://codepen.io/Mamikonars/pen/RYyQKd

[0xD34F]

Так?

[Segio]

0xD34F, почти, нужно, чтобы при нажатии на синие кнопки краснел максимальный.

[0xD34F]

https://jsfiddle.net/yo6buqg0/2/

[Segio]

0xD34F, спасибо огромное.

Не могли бы заглянуть в эл. почту? Я письмо написал.