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

Question

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

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

<div class="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>

Answer 1

Алгоритм такой

используйте функцию для поиска всех объектов price и записи их в переменную priceObjects
```
 document.querySelectorAll('.price')
```
чтобы обойти все найденные объекты используйте for:
```
 for priceObject of priceObjects {
 }
```
чтобы получить числовое значение используйте свойство узла .textContent
```
 let priceText = priceObject.textContent;
```
в тексту у вас буква Р мешает - от нее надо избавиться, например оставить только текст до пробела и перевести его в число или использовать регулярное выражение - как вам хочется
выделенную цену сравнивайте с минимальной (изначально минимальная равна к примеру -1 и тогда надо еще учитывать это значение или присвоить запредельно большое значение)
найденное значение опять таки поместить через document.querySelector('.min-sum') и .textContent

БЛОГ НА HUSL

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

Ответы (1 шт):