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

Question

[damarkuzz]

Как найти занчения всех .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]

document.querySelector('.min-sum').innerText = Math.min(...Array.from(
  document.querySelectorAll('.price'),
  n => parseFloat(n.innerText)
));

Comments

[damarkuzz]

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

[0xD34F]

damarkuzz,

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