Как получить максимальное и минимальное значение и передать в параметры input'а?

Question

[spacy fox]

Есть такой фильтр.
Как можно получить максимальное и минимальное значение цены ('.filter__price') и передать эти значения в параметры инпута:

<input type="range" min="мин значение" max="макс значение">

?

Answer 1

[0xD34F]

computed: {
  range() {
    const prices = this.filterData.map(n => n.price);
    return {
      min: Math.min(...prices),
      max: Math.max(...prices),
    };
  },

  // или

  range() {
    return this.filterData.reduce(({ min, max }, { price: n }) => ({
      min: min < n ? min : n,
      max: max > n ? max : n,
    }), { min: Infinity, max: -Infinity });
  },

  // или

  range() {
    const prices = this.filterData.map(n => n.price).sort((a, b) => a - b);
    return {
      min: prices[0] ?? Infinity,
      max: prices[prices.length - 1] ?? -Infinity,
    };
  },
},

<input type="range" v-bind="range">

Answer 2

[Tim]

<input type="range" min="1" max="100" class="text" value="50">

const inp = document.querySelector('.text');
console.log(inp.max) // 100
console.log(inp.min)// 1
console.log(inp.value) // 50