0

В Элементе input:

введите сюда описание изображения

никакой цены нету, но при нажатии на (+) / (-) цена меняется. Вопрос: откуда берется цена выбранного элемента?

введите сюда описание изображения

1 ответ 1

1

Возможно, вы решили, что раз кнопка увеличивает какой-то счётчик, то она непременно должна хранить информацию о том, насколько счётчик должен увеличиться.

Позвольте опровергнуть это:

increment = [50, 70, 20];
values = [90, 40, 30];

// заполнить все элементы начальными значениями

document.querySelectorAll("counter").forEach(function(counter, index){
  counter.innerHTML = values[index];
})

// добавить onclick всем элементам
document.querySelectorAll('btn').forEach(function(btn, index) {
   btn.onclick = function() {
    values[index] += increment[index];
    document.querySelectorAll("counter")[index].innerHTML = values[index];
  }
})
btn {
  display: inline-block;
  border: 1px solid black;
  padding: 2px 6px 2px 6px;
  border-radius: 100%;
  margin-left: 10px;
  cursor: pointer;
}
<div>яблоки
  <counter>0</counter>
  <btn>+</btn>
</div>
<div>бананы
  <counter>0</counter>
  <btn>+</btn>
</div>
<div>персики
  <counter>0</counter>
  <btn>+</btn>
</div>

Вернёмся к вопросу. Ответ - может храниться где угодно в виде переменной в JavaScript или параметре любого другого тэга HTML.

10
  • Да но каким образом у radio button есть значение при клике на него
    – Tand
    6 апр 2022 в 22:38
  • @Tand что значит каким образом? Посмотрите мой код: btn увеличивает counter на 50, но разве она хранит значение 50? Нажмите "выполнить код", чтобы понять, о чем я
    – Great Tech
    6 апр 2022 в 22:40
  • Хорошо, а что если это динамический елемент и он может быть не один
    – Tand
    6 апр 2022 в 22:43
  • @tand я отвечу, но сначала, может, вы и так сообразите. Позвольте вас спросить - вы заметили, где я храню значение 50 для увеличения счетчика?
    – Great Tech
    6 апр 2022 в 22:45
  • в переменной increment
    – Tand
    6 апр 2022 в 22:46

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.