Есть выпадающий список. В js ассоциативный массив, который содержит в себе пары ключ и значение. Как сделать, чтобы при выборе нужного списка показывались значения из массива? Начал писать код, но не могу закончить. Всем спасибо за ответы))
<select name="1" id="" class="u12-branch">
<option>Зеленая</option>
<option>Красная</option>
<option>Синяя</option>
<option>Оранжевая</option>
</select>
<button>Click</button>
<div class="result"></div>
arr = {
'green': 'Зеленая ветка',
'red': 'Красная ветка',
'blue': 'Синяя ветка',
'orange': 'Оранжевая ветка',
};
let select = document.querySelector('.u12-branch');
select.addEventListener('change', function () {
let key = this.value;
array = arr[key];
});
let button = document.querySelector('button');
let res = document.querySelector('.result');
button.addEventListener('click', function () {
});
