Изменить цену на сайте калькулятором

Есть CMS, на ней цена на товар. Моя задача сделать калькулятор расчета веса ( юзер вбивает 10кг, считается цена). Данная цена должна не просто визуально менять цифры, а отправляться в корзину и чекауат. Это вообще реально сделать на JS ? HTML карточка товара ( цена )

<input type="hidden" class="price_details" data-original-price="79990.0000" data-numeric-price="76990.0000" data-currency-symbol="₽">
<div class="product-price special-price" style="text-decoration: line-through;">82&nbsp;990,00 ₽</div>
<div class="product-price">89&nbsp;990,00 ₽</div>

Корзина

<div class="product_details pr-2 pl-2">
    <h4 class="media-heading item-title"><a
            href="https://store105765.sellavi.com/apple-iphone-12-mini-64-гб-product-red/">Apple iPhone 12 mini, 64 ГБ,
            (PRODUCT)RED</a></h4>
    <ul class="item-desc mt-1">
        <li class="pl-3">Объем памяти 128GB</li>
        <li class="pl-3">Цвет Красный</li>
    </ul>
    <p class="item-price mt-2">69 990.00 ₽</p>
    <p class="item-qty mt-2">Количество : 1</p>

    <div class="remove-button-wrapper buttons-wrapper position-absolute left-0" data-product-id="139271">
        <a onclick="cart.remove('65996', '139271');" class="remove_from_cart d-block">
            <i data-toggle="tooltip" title="" data-placement="left" class="fal fa-trash-alt"
                data-original-title="Удалить"></i>
        </a>

    </div>
</div>

<div class="media d-flex">
    <div class="media-body">
        <h4 class="media-heading item-title summary">Сумма</h4>
    </div>
    <p class="item-price">69 990.00 ₽</p>
</div>

Думал сделать при помощи dataset. Но есть наитие, что это делается не так.

Как это делаю я

document.querySelector('.form-group').insertAdjacentHTML('afterbegin', `
    <div class="form-group">
    <h3>Умножение чисел</h3>
    <label for="inp_1">Введите кол-во кг:</label>
      <input type="text" class="form-control" id="inp_1">
    
    
    </div>
    <button onclick="countPriceFunc(1)"  class="btn btn-primary" >Рассчитать</button>
`)

let rubValue = 20;

function countPriceFunc(1){
alert(document.getElementById('inp_1').value*rubValue);
return 1

}
let xX = countPriceFunc('');
var xY = document.getElementsByClassName('.price_details')
xY.dataset.originalPrice = xX;

Но ничего не идет.