Выполнить действие если есть какое либо число в span

Question

Есть тег span

<span class="t706__cartwin-prodamount"></span>

Который пустой, если нет никакого товара в корзине. Если добавляем товар в корзину то появляется цена и значение валюты (в данном случае рубль)

<span class="t706__cartwin-prodamount">295 ₽</span>

И в случае, если в теге span есть какое нибудь значение, то есть цена товара, то мы должны добавить класс active-cart-bg с ссылкой на текущую страницу (это для того, чтобы можно было перейти на страницу с категориями товара на любой другой странице) объекту cart-bg и записать все это в local storage для того, чтобы было видно на других страницах сайта, что в корзине есть какой то товар.

Answer 1

Ладно, ввиду отсутствия комментариев со стороны ТС, предположим, что надо именно так, хотя я считаю это не совсем корректным.
Как я писал ранее - я считаю, что необходимо завязаться на триггере добавления товара в корзину.

<style>
    .active-cart-bg{
        color: red;
    }
</style>
<span class="t706__cartwin-prodamount">123 .p</span>
<div class="cart-bg"></div>
<script language="JavaScript">
    document.addEventListener('DOMContentLoaded', function () { // Отслеживаем загрузку контента. Если Вы уже проверяли контент, то в этой функции нет необходимости.
        let span1 = document.querySelector('.t706__cartwin-prodamount'); // Получаем элемент по классу
        let cart = document.querySelector('.cart-bg'); // Получаем div корзины по классу
        let checkSpan = function() { // Запускаем функцию
            if(span1.innerText != ''){ // Если текст внутри НЕ пустой, то.
                cart.className = cart.className+' active-cart-bg'; // Добавляем класс карзине. (Если заменить, а не добавлять, то cart.className = 'active-cart-bg';)
                let a = document.createElement('a'); // Создаём ссылку
                a.href = window.location.toString(); // Берём текущую ссылку страницы.
                a.innerText = span1.innerText; // Добавляем этой ссылке текст из спана (сумма) Можно добавлять любой другой текст.
                cart.appendChild(a); // Добавляем ссылку в div с корзиной.

                localStorage.setItem('active', 'yes'); // Записываем в localstorage, что корзина не пуста
                localStorage.setItem('href', window.location.toString()); // Записываем в корзинку ссылку.
                clearInterval(checkSpan); // Останавливаем выполнение функции
            } else { // Если текст пустой в теге, то...
                setTimeout(checkSpan, 1000); // Через секунду заного запускаем эту функцию. До тех пор, пока не появится текст в span
            }
        };
        checkSpan(); // Собственно запускаем функцию
    })
</script>

БЛОГ НА HUSL

Выполнить действие если есть какое либо число в span

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