Как найти минимальное число и вывести его внутри тега html на JS?

Question

[ishimskayamahorka14]

Как найти занчения всех .price и вывести число в .min-sum, используя Javascript?

<div class="parent">
<span>Минимальная стоимость: <b class="min-sum"></b></span>

<div сдфыы="product">
<h2>Товар 1</h2>
 <b class="price">100 ₽</b>
</div>

<div class="product">
<h2>Товар 2</h2>
 <b class="price">200 ₽</b>
</div>

<div class="product">
<h2>Товар 3</h2>
 <b class="price">3000 ₽</b>
</div>

Вот что пробовал, дальше по-сути нужно убрать символ рубля, и как-то сравнить цены, но не знаю, как это сделать.

function priceObjects(index) {
  const calc = document.querySelectorAll('.price');
  
   for priceObject of priceObjects {
		let priceText = priceObject.textContent;
		
   }
   document.querySelector('.min-sum').textContent('.price');
}

Comments

[Тигран Абрамян]

for priceObject of priceObjects {
    let priceText = priceObject.textContent;
    
   }

новая фича ES2021?

Answer 1

[0xD34F]

Где искать минимум, и куда его надо вывести:

const elements = document.querySelectorAll('.price');
const output = document.querySelector('.min-sum');

Ищем, выводим:

output.textContent = Math.min(...Array.from(
  elements,
  n => parseFloat(n.textContent)
));

// или

output.innerText = Array.prototype.reduce.call(
  elements,
  (min, n) => (
    n = +n.innerText.match(/[\d.]+/),
    n < min ? n : min
  ),
  Infinity
);

Comments

[ishimskayamahorka14]

Подскажите, а как быть, если цена не 100 Р, а 1 000 р оформлена (заделитель тысячных)

[0xD34F]

damarkuzz,

n.innerText.match(/[\d.\s]+/)[0].replace(/\s/g, '')