Reply to thread

Message

<blockquote data-quote="Permudious" data-source="post: 481869" data-attributes="member: 55273">Seems like this is working for me <img src="/styles/default/xenforo/smilies/emojione/smile.png"&nbsp; class="smilie" loading="lazy" alt=":)" title="Smile&nbsp; &nbsp; :)" data-shortname=":)" />[automerge]1716878399[/automerge]How about a simple click event in this case?I have a foreach with for now 8 div's, each div have to increment users and decrement.I used the case above and change a bit. it should work I guess. Only I will get a error[CODE]TypeError: this.getAttribute is not a function&nbsp; &nbsp; at Playground:142:31&nbsp; &nbsp; at NodeList.forEach (&lt;anonymous&gt;)&nbsp; &nbsp; at HTMLDocument.&lt;anonymous&gt; (Playground:141:32)[/CODE][CODE=html]&lt;div class=&quot;ManualControl&quot;&gt;&nbsp; &nbsp; &lt;button class=&quot;IncrementUser&quot; id=&quot;xIncrementUser&quot; data-id=&quot;@ObjectID&quot;&gt;+&lt;/button&gt;&nbsp; &nbsp; &lt;button class=&quot;DecrementUser&quot; id=&quot;xDecrementUser&quot; data-id=&quot;@ObjectID&quot;&gt;-&lt;/button&gt;&lt;/div&gt;[/CODE][CODE=javascript]&nbsp; &nbsp; document.addEventListener('click', function () {&nbsp; &nbsp; &nbsp; &nbsp; var buttonWithNameElements = document.querySelectorAll('.IncrementUser');&nbsp; &nbsp; &nbsp; &nbsp; buttonWithNameElements.forEach(function (element) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var object = this.getAttribute('data-id');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.log(object);&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; });[/CODE]</blockquote>

[QUOTE="Permudious, post: 481869, member: 55273"] Seems like this is working for me :-) [automerge]1716878399[/automerge] How about a simple click event in this case? I have a foreach with for now 8 div's, each div have to increment users and decrement. I used the case above and change a bit. it should work I guess. Only I will get a error [CODE]TypeError: this.getAttribute is not a function at Playground:142:31 at NodeList.forEach (<anonymous>) at HTMLDocument.<anonymous> (Playground:141:32)[/CODE] [CODE=html]<div class="ManualControl"> <button class="IncrementUser" id="xIncrementUser" data-id="@ObjectID">+</button> <button class="DecrementUser" id="xDecrementUser" data-id="@ObjectID">-</button> </div>[/CODE] [CODE=javascript] document.addEventListener('click', function () { var buttonWithNameElements = document.querySelectorAll('.IncrementUser'); buttonWithNameElements.forEach(function (element) { var object = this.getAttribute('data-id'); console.log(object); }); });[/CODE] [/QUOTE]

Verification

Reply to thread

Connect with us

Newest members