как добавить слушатель события к кнопке, которая генерируется через шаблон?

Question

Я получаю эту ошибку, когда добавляю прослушиватель событий к кнопке Uncaught TypeError. Невозможно прочитать свойство addEventListener со значением NULL. Я не мог понять, как добавить слушатель события к кнопке, которая находится в шаблоне.

<template id="film-template">
    <div class="film">
        <img class="film__img" src="" alt="" width="170" height="200">
        <h2 class="film__title"></h2>   
        <button class="film__link"></button>
    </div>
</template>


//js
var filmLink = document.querySelector('.film__link');

filmLink.addEventListener('click', function (){
    var xhr = new XMLHttpRequest();
    xhr.responseType = 'json';

    var seeMore = 'http://www.omdbapi.com/?apikey=f725e324&i=' + xhr.response.imdbID;
    console.log('clicked');

    xhr.open('GET', seeMore, true);
    xhr.send();
});
//js