JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<div class="ff-radiogroup-item is-selected">
    <input class="ff-radiogroup-item-input" type="radio" name="mergeAccounts" value="1" id="input1">
    <span class="ff-radiogroup-item-icon" aria-hidden="true"></span>
    <label for="Use_my_existing_login_for_all" class="ff-radiogroup-item-label">1</label>
</div>
<div class="ff-radiogroup-item is-selected">
    <input class="ff-radiogroup-item-input" type="radio" name="mergeAccounts" value="2" id="input2">
    <span class="ff-radiogroup-item-icon" aria-hidden="true"></span>
    <label for="Use_my_existing_login_for_all" class="ff-radiogroup-item-label">1</label>
</div>
<div class="ff-radiogroup-item is-selected">
    <input class="ff-radiogroup-item-input" type="radio" name="mergeAccounts" value="3" id="input3">
    <span class="ff-radiogroup-item-icon" aria-hidden="true"></span>
    <label for="Use_my_existing_login_for_all" class="ff-radiogroup-item-label">1</label>
</div>
<div class="ff-radiogroup-item is-selected">
    <input class="ff-radiogroup-item-input" type="radio" name="mergeAccounts" value="4" id="input4">
    <span class="ff-radiogroup-item-icon" aria-hidden="true"></span>
    <label for="Use_my_existing_login_for_all" class="ff-radiogroup-item-label">1</label>
</div>

JavaScript

let divs = document.querySelectorAll('.ff-radiogroup-item.is-selected')
let lastdiv = divs[divs.length- 1]
let first = lastdiv.firstElementChild;

console.log(first.value, first.id)

/* const nodes = lastdiv.childNodes
for (let i = 0, l = nodes.length; i < l; ++i) {
  console.log(nodes[i].nodeType)
}
 */    
//let firstchild = lastdiv.firstChild;
//console.log(firstchild.value)