Przerobienie kodu

Question

Cześć, potrzebuje przerobić kod js tak by nie wymagał <div class="words">

const words = {}

const renderWords = (words) => {
    return Object
        .keys(words)
        .reduce((items, word) => {
        const item = words[word] === 1
        ? word
        : ` x ${words[word]} ${word}`

        return [...items, item]
    }, [])
        .join(' | ')
}

const output = document.getElementById('output')

document
    .getElementById('words')
    .addEventListener('click', ({ target }) => {
    if (words[target.textContent]) {
        words[target.textContent] += 1
    } else {
        words[target.textContent] = 1
    }
    output.value = renderWords(words)
})

Kod odpowiada za coś takiego: https://codepen.io/Vinchit/pen/ELXVmE

i jest z nim jeden zasadniczy problem jak się kliknie pomiędzy przyciskami to się psuje (nie wiem jak to nazwać) a dowiedziałem się że jest to wina właśnie div'a, ja osobiście jestem zielony w js i proszę was o pomoc z tym bo sam tego nigdy nie zrobię :( .

Answer 1

https://codepen.io/caderek/pen/ELXVRp?editors=1010

Comments

Dzięki kap ponownie :D