Как добавить в input checked?

Question

[test-cats]

Есть учебная задача. Добавьте кнопку. При нажатии кнопки делайте первый из созданных radiobutton в примере выше - checked. Скажите, где у меня ошибка? Всем спасибо.

<button>Click</button>
	<input type="radio">
	<input type="radio">
	<input type="radio">

document.querySelector('button').onclick = () => {
    let r = document.querySelectorAll('input[type="radio"]');
    for (let i = 0; i < r.length; i++) {
        r[i].innerHTML = '<input type="radio" checked>';
    }
}

Answer 1

[irishmann]

Зачем получать все input и перебирать в цикле, если querySelector возвращает первый найденный элемент. innerHTML?! Для атрибутов есть setAttribute.

document.querySelector('button').onclick = () => {
    let r = document.querySelector('input[type="radio"]');
    r.setAttribute('checked', 'true');
}