Ищу решение на HTML + JS коде

[Esox]

Добрый день.
Возможно ди реализвать в НТМL коде следующую задачу:

На странице simplecheckout вставить в шаблон HTML код.
Следующего содержания <div id="pvz">Тест про скидку за доставку</div>
Но этот код должен выводиться только если значение в <span class="simplecheckout-cart-total-value">506 р.</span> меньше 300.
<span class="simplecheckout-cart-total-value"> находится в той же странице/шаблоне simplecheckout
Если значение в <span class="simplecheckout-cart-total-value">506 р.</span> больше 300 то код <div id="pvz">Тест про скидку за доставку</div> должен быть hidden
Все должно быть в tpl страницы simplecheckout

Суть это в том, чтоб информировать покупателя о бесплатной доставке только в том случае если она не превышает 300р.
Вычитание доставки берет на себя модуль доставки. В нем есть этот функционал.
Надо только информировать в виде текста в дивах.

Спасибо.

[spectre]

а в чем проблема использовать встроенный функционал симпл по js-коду?

 

типа

 

		total = parseInt($('.simplecheckout-cart-total-value').text().match(/[0-9]+/));
		
		if (total > 300) {
			$('#pvz').hide();
		} else {
			$('#pvz').show();
		}

 

код не проверял но смысл должен быть ясен

[ArtemPitov]

Если нужно на js

 

(function () {
    let div = document.querySelector('#pvz');

    if (!div) {
        div = document.createElement('div');
        div.id = 'pvz';
        div.appendChild(document.createTextNode('Тест про скидку за доставку'));
    }

    let total = document.querySelector('.simplecheckout-cart-total-value');
    
    if (total) {
        total = total.innerText.replace(/[^0-9\.]/g, '');
        parseFloat(total) > 300 ? div.remove() : document.querySelector('__куда добавить__').append(div);
    }
})();