Как выводить текст в различные блоки в зависимости от значения в select'e?

Question

[Андрей Кузнецов]

Есть заготовка. Как сделать, чтобы текст, введенный в инпут, выводился в соответствующем div в зависимости от выбранного option? То есть, если выбран <option value="1111">Аванс</option>, то вывод текста в div с классом ttd_comment1, если выбран <option value="2222">Аванс2</option>, то вывод текста в div с классом ttd_comment2 и т.д.

Answer 1

[0xD34F]

const select = document.querySelector('select');
const button = document.querySelector('button');
const input = document.querySelector('input');
const blocks = document.querySelectorAll('.ttd');

button.addEventListener('click', () => {
  const value = input.value.trim();
  if (value) {
    blocks[select.selectedIndex].innerText = value;
  }
});