тег ввода текста, после ввода значения не может быть установлено

Question

У меня правильно задан ввод текста в html. Когда этот метод вызывается нажатием кнопки:

this._searchInput.setAttribute("value", "pippo"+Math.random());
console.log(this._searchInput.value);

Работает корректно, а во входных текстовых полях отображается строка со случайным числом. Увы, если я наберу один раз внутри поля ввода текста, все последующие вызовы для установки значения игнорируются. Метод вызывается, поскольку консоль выводит одинаковое значение, видимое в текстовом поле.

Есть предложения? Есть ли резон, почему после ввода в текстовое поле значение больше не обновляется кодом?

Я уже нашел похожий вопрос, но он остался без ответа: Невозможно установить динамическое текстовое значение при вводе после ввода

Answer 1

Вы устанавливаете атрибут значения входа, а не устанавливаете фактическое значение входа.

Это строка кода, которую вы хотите:

this._searchInput.value= "pippo"+Math.random();