How to add onclick event on dynamic added button in js in salesforce ?

Hello everyone, I am creating a dynamic button using javascript and now I want to add onclick event on the button, I tried but it's not working. Here is my code -

HTML - 
<template>
<div class="timeline">
</template>

JS - 
let articleDataValue = this.template.querySelector('.timeline');
let setData;
setData = `
                            <div class="timeline__event animated getImg fadeInUp delay-3s timeline__event--type${i}" data-id="${dataId}" >
                             <div class="timeline__event__date">
                             <img src=${this.urlValue} alt="">
                             </div>
                             <div class="timeline__event__content ">
                             <div class="timeline__event__title">
                             ${articleName}
                             </div>
                             <div class="littleDescription">
                             <p class="lilDescription">${subHeading}</p>
                            </div>
                             <div class="timeline__event__description">
                             <p class="pTagClass">${readMore}</p>
                            </div>
                             <button type="button" class="btn" onclick="loadMore()" reference=${articleName}>Read More</button>
                             </div>                             
`;

LoadMore(){
console.log('Hello');
}