Reply to thread

Message

<blockquote data-quote="Иван" data-source="post: 739948"><p>[CODE]function renderElements() {</p><p>&nbsp; const fruitsList = document.getElementById(&quot;list&quot;);</p><p>&nbsp; fruits.forEach((item) =&gt; {</p><p>&nbsp; &nbsp; const child = document.createElement(&quot;div&quot;);</p><p>&nbsp; &nbsp; child.innerHTML += `</p><p>&nbsp; &nbsp; &lt;div class=&quot;main__list-item&quot; id=${item.id}&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;item__img&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=${item.img} alt=&quot;&quot; /&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;item__text1&quot;&gt;${item.name}&lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;item__text2&quot;&gt;${item.description}&lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;item__price&quot;&gt;${item.price} руб.&lt;/div</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;&lt;div class=&quot;item__btn&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;button class=&quot;item__btn-add&quot; id=&quot;add-${item.id}&quot;&gt;+&lt;/button&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;button class=&quot;item__btn-delete&quot; id=&quot;delete-${item.id}&quot;&gt;-&lt;/button&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;fruits__count&quot; id=&quot;count-${item.id}&quot;&gt;0&lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;/div&gt;`;</p><p>&nbsp; &nbsp; fruitsList.appendChild(child);</p><p>&nbsp; });</p><p>}</p><p>renderElements();</p><p>[/CODE]</p><p></p><p>Есть вот такой код, рендерит карточки товаров. Но как мне реализовать счетчик на каждую кнопку + и - ?</p></blockquote><p></p>

[QUOTE="Иван, post: 739948"] [CODE]function renderElements() { const fruitsList = document.getElementById("list"); fruits.forEach((item) => { const child = document.createElement("div"); child.innerHTML += ` <div class="main__list-item" id=${item.id}> <div class="item__img"> <img src=${item.img} alt="" /> </div> <div class="item__text1">${item.name}</div> <div class="item__text2">${item.description}</div> <div class="item__price">${item.price} руб.</div <<div class="item__btn"> <button class="item__btn-add" id="add-${item.id}">+</button> <button class="item__btn-delete" id="delete-${item.id}">-</button> <div class="fruits__count" id="count-${item.id}">0</div> </div> </div>`; fruitsList.appendChild(child); }); } renderElements(); [/CODE] Есть вот такой код, рендерит карточки товаров. Но как мне реализовать счетчик на каждую кнопку + и - ? [/QUOTE]

Name

Verification