Как перестроить под OpenCart3 этот код?

Question

[Данил Ларионов]

Доброго времени суток, я хочу переделать код, у меня стоит код который изменяет значения HTML, а мне нужно что бы он изменял VALUE в input, сейчас отправлю стандартный код OpenCart3 и мой)
Тут ничего такого просто что бы подстроить

<input type="text" name="quantity[{{ product.cart_id }}]" value="{{ product.quantity }}" size="1" class="form-control" />

<div class="row counter">
                            <input type="button" class="remove-counter" id="buttonCountMinus" value="-">
                            <div id="buttonCountNumber">1</div>
                            <input type="button" class="add-counter" id="buttonCountPlus" value="+">
                        </div>
<div id="price" style="opacity: 0;">350</div>
                          <div id="calculation" class="price-cart cart-counter">350</div>
                          <div class="row price-count" style="color: #d70506;">
                            <div class="price-counter">350 x </div>
                            <input type="text" style="width: 20%; border: none; background: none; position: relative; left: 3px; color: #d70506;" value="1" id="num" class="cart-counter" name="num" readonly>
                          </div>
<div class="col-10 full-price-row" style="margin-top: 5%;">
                  <div class="row row-price">
                    <p class="start-price-text" style="font-weight: 400;">Итого:</p>
                      <div style="margin-right: 3%;" id="calculation-2" class="full-price">350 грн</div>
                  </div>
                </div>
                <div class="col-10 full-price-row">
                  <div class="row row-price" style="color: #d70506;">
                    <p class="full-price-text" style="font-weight: 400;">Сумма к оплате:</p>
                    <div style="margin-right: 3%; margin-top: 1%;" id="calculation-3" class="full-price">350 грн</div>
                  </div>
                </div>
      let calculate = document.getElementById("calculation");
let count = document.getElementById("buttonCountNumber");
let count2 = document.getElementById("num");
let number = 1;
calculation = document.getElementById("calculation").innerHTML;
let calculate2 = document.getElementById("calculation-2");
calculation2 = document.getElementById("calculation-2").innerHTML;
let calculate3 = document.getElementById("calculation-3");
calculation3 = document.getElementById("calculation-3").innerHTML;

document.getElementById("buttonCountPlus").onclick = function() {
  let countPlus = count.innerHTML;
  if(+countPlus <= 3){
    number++;
    count.innerHTML++;
    count2.value = number;
    let countPlus = count.innerHTML;
    calculate.innerHTML = calculations(countPlus) ;
    calculate2.innerHTML = calculations2(countPlus) ;
    calculate3.innerHTML = calculations3(countPlus) ;
  }
}

document.getElementById("buttonCountMinus").onclick = function() {
  let countMinus = count.innerHTML;
  if(+countMinus >= 2){
    number--;
    count.innerHTML--;
    count2.value = number;
    let countMinus = count.innerHTML;
    calculate.innerHTML = calculations(countMinus) ;
    calculate2.innerHTML = calculations2(countMinus) ;
    calculate3.innerHTML = calculations3(countMinus) ;
  }
}

calculations = (count) => {
  return  (+count)*(+calculation);
}
calculations2 = (count) => {
  return  (+count)*(+calculation) + ` ` + `грн`;
}

calculations3 = (count) => {
  return  (+count)*(+calculation) + ` ` + `грн`;
}

Тут код и HTML задействован и тд, но больше всего меня интересует именно что бы менять значения под VALUE, остальной код я скинул что бы вам было удобно и не путать вас)

Answer 1

[Anton Semenov]

Если что то твой код не работает, там ошибки, но это лирика.

<input type="number" id="calculation" value="350" />

//Читаем value у элемента выше
let calculation = document.getElementById("calculation").value;
console.log(calculation);
//меняем  value  вместо тех мест где .innerHTML
let calculation1 = document.getElementById("calculation").value = "234";

console.log(calculation1);

Comments

[Данил Ларионов]

А можно попросить вас немного мне помочь с этим так называемым калькулятором, мне нужна только функция что бы по клику + число увеличивалось, а на - уменьшалось, что бы стояли ограничители типо минимум 1 максимум 4, просто я перестроил код, но функция count.value++ просто не работает, можно поинтересоваться как это сделать?)

[Anton Semenov]

Данил Ларионов,

<input type="number" id="calculation" value="350" />
<button id="buttonAdd">Увеличить</button>

....

document.getElementById("buttonAdd").onclick = function() {
let val = document.getElementById("calculation").value;
document.getElementById("calculation").value = val++;
}

Но я так полагаю этого недостаточно, тк нужно еще и получать данные что бы понимать есть ли сток что бы можно было увеличивать это значение. А для этого нужно смотреть весь код всего магазина что бы понять что и откуда можно брать там. Скорее всего придется использовать php тк опенкарт на нем написан если не ошибаюсь.

Если это реальный проэкт то конечно могу помочь, не бесплатно естественно.

[Данил Ларионов]

Anton Semenov, понял, если что к вам обращусь, но я конечно попробую сам из того что вы мне дали, так как там ничего сложного по стандарту там стоит стандартный input type namber, покупатель вводит в него значение, а именно сколько он хочет купить, и тогда из значения iput соответственно value система извлекает число и вписывает его как количество товара)