const buttons = document.querySelectorAll(‘.btn’) const input = document.querySelector(‘input’) buttons.forEach(btn => { btn.addEventListener(‘click’, () => { input.value += btn.innerText chars = input.value.split(”) console.log(chars); }) }) почему я могу писать только в один input, мне нужно в два. Исправь

Проблема заключается в том, что переменная `input` ссылается только на один конкретный элемент ``, поэтому вы можете изменять только его значение. Если вы хотите иметь доступ к двум элементам `` и изменять значения обоих, вам нужно изменить свою логику.

Шаги решения:
1. Измените определение переменной `input` так, чтобы она ссылалась на массив элементов ``, используя метод `querySelectorAll` вместо `querySelector`.
2. Обновите ваш цикл `forEach`, чтобы он проходил по каждому элементу массива, и привяжите обработчик событий к каждому элементу вместо всего массива кнопок.
3. Внутри обработчика события измените логику для каждого элемента `input`, чтобы добавить значение кнопки к соответствующему ``.

Исправленный код:
“`javascript
const buttons = document.querySelectorAll(‘.btn’);
const inputs = document.querySelectorAll(‘input’);

buttons.forEach((btn, i) => {
btn.addEventListener(‘click’, () => {
inputs[i].value += btn.innerText;
const chars = inputs[i].value.split(”);
console.log(chars);
})
})
“`

Теперь вы сможете писать в два различных элемента ``, и каждое поле будет обновляться соответствующим значением кнопки, на которую вы нажали.