Implicit/Explicit Input + label HTML tag

[codeispoetry]

Reference: Discussion with @Paul_Wilkins

Radio selection and Price updating

A technique that gives a more useful list is to use querySelectorAll instead to get the radio buttons: const radios = form.querySelectorAll(`[name=${radio.name}]`); That gives us a static nodeList of those radio buttons, where static means that the list doesn’t change when the DOM changes. That nodeList has the forEach method available to it, but we would need to convert it to an array before using fancier methods such as find, filter, map, reduce, etc. Because of that, it’s better to not c…

Edit fiddle - JSFiddle - Code Playground

There was a discussion done many years back I have attached the links. My question is in the above example when there is nested input under the label in that case the for property is useless because in an explicit label with input nested both label and input are bonded and for an ID property needs are not explicitly needed.