Добавляю в форму поля input с помощью такой конструкции:
function addField() {
let i = document.querySelectorAll('[name="answers"]').length;
document.getElementById("choice").insertAdjacentHTML('beforeEnd', '<input id="answers['+i+']" type="text" name="answers" value="">');
document.getElementById(answers[i]).focus; // - НЕ работает
}
</script>
В результате получается такой HTML. Это работает.
<input name="answers" id="answers[0]" type="text" value="">
<input name="answers" id="answers[1]" type="text" value="">
<input name="answers" id="answers[2]" type="text" value="">
...
<input name="answers" id="answers[100500]" type="text" value="">
Поля добавляются, но фокус на них не ставится. Что то делаю не так. Пробовал и с разными кавычками - не помогло. Как правильно указать идентификатор для нового поля, чтобы оно оказалось в фокусе?