Как вставить в span данные из элемента? (цена в блоке должна по клику вставляться в span) [закрыт]

1. У нас есть элементы с разными ценами - $79 / $55 / $35 / $25 (например)
2. Кликая на элемент с ценой, цена которая находиться в этом блоке переносится в span
3. Кликая на следующий блок, цена которая находиться в этом блоке переносится в этот же span, но предыдущая цена удаляется

По сути цена будет постоянно меняться.

let list = document.querySelector('#list');
    let item = document.querySelectorAll('.item')
    list.addEventListener('click', e => {
        let price = [79, 59, 49, 29];
        let result = document.getElementById('result');
        let target = e.target;
        if (target.classList.contains('item')) {
            Object.keys(item).map((i) => {
                item[i].classList.remove('item--active');
            });
        }
        target.classList.add('item--active');
        for (let itemPrice of price) {
            result.innerHTML = `${itemPrice}`;
            console.log(itemPrice);
        }
    });