Problem z wyświetlaniem wartości w input

pytanie zadane 26 kwietnia 2018 w JavaScript przez Vinchit Obywatel (1,040 p.)

Cześć, mam problem z wyświetleniem wartości w <input>

Dokładniej:

JavaScript (dzięki kap za pomoc)

const words = {}
 
const renderWords = (words) => {
  return Object
    .keys(words)
    .reduce((items, word) => {
      const item = words[word] === 1
        ? word
        : `${word} x ${words[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)
  })

HTML:

<div class="wyswietlacz4"><input type="text" readonly size="100.100" id="output"></div><br>
/////////////////////////////////////////////////////
<div id="words">
  <button>test</button>
  <button>test2</button>
  <button>test3</button>
  <button>test4</button>
</div>

Sprawa wygląda tak że po kliknięciu jakiego kolwiek przycisku żadna informacja nie pojawia się w input a co dziwne wszystko działa na np. CodePen a na stronie już nie :( .

komentarz 26 kwietnia 2018 przez Vinchit Obywatel (1,040 p.)

Doszedłem do błędu :)

"Uncaught TypeError: Cannot read property 'addEventListener' of null
at pamiec.js:20" ktoś wie jak to naprawić?

O to kod JS:

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)
})