Как при помощи JS заменить строку на странице если совпадает значение?

Question

[Валерий Чёрный]

Есть такая вот строчка:

<li class="product-stock in-stock"><b>Наличие:</b> <span>14</span></li>

Нужно если в спане число больше 5 то заменить число в спане на слово "В наличии на складе"
А если число в спане меньше или равно 5 то перед числом в спане добавить текст "Осталось всего" число "шт."
Буду рад любо помощи.

Answer 1

[Арсений Матыцин]

Проверку проводить на уровне шаблонизатора.

На JS можно, конечно, но это на уровне... На плохом уровне. Но посмотреть как, можно тут, тут и тут.

Comments

[Валерий Чёрный]

var text = document.getElementsByClassName("in-stock")[0].getElementsByTagName('span')[0].textContent;
console.log(text);
let num = Number(text)
console.log(num);
if (num > 5){
document.getElementsByClassName("in-stock")[0].getElementsByTagName('span')[0].textContent = "В наличии на складе";
} 
if (num <= 5) {
document.getElementsByClassName("in-stock")[0].getElementsByTagName('span')[0].textContent = "Осталось на складе " + num + "шт.";
}

Вот что у меня получилось.
Работает нормально но я понимаю что можно написать лучше и проще (наверное).

Вопрос еще такого характера, как сначала проверять страницу на наличие данного класса
<li class="product-stock in-stock">
и уже потом запускать скрипт...
На страницах где есть данный класс все супер, а на остальных ошибка в консоле.
Хотелось бы без ошибок. Или новый вопрос задать лучше?

[Валерий Чёрный]

Добавил вот такую проверку
if($('.product-stock').hasClass('in-stock'))
Вроде как работает :)
Спасибо большое за помощь.

[Sun_Day]

На JS можно, конечно, но это на уровне... На плохом уровне.

Лол