<JS> 클릭시 카운트 증가

좋아요 버튼을 클릭 시 html 숫자가 증가하게 하고 싶다 어떻게 해야할까

<button id='button1'><i class="fas fa-thumbs-up"></i><span id='count1'>7</span></button>
<button id='button2'><i class="fas fa-thumbs-down"></i><span id='count2'>1</span></button>

//좋아요! 싫어요ㅠ
let count1 = 7; //count 변수 선언
let count2 = 1;
const button1 = document.getElementById("button1");
const button2 = document.getElementById("button2");
// 버튼 id의 value 불러오고
const textHolder = document.getElementById("count1");
const textHolder2 = document.getElementById("count2");
textHolder.innerHTML = count1;
textHolder2.innerHTML = count2;
button1.addEventListener("click", function() {
    textHolder.innerHTML = ++count1;
})
button2.addEventListener("click", function() {
    textHolder2.innerHTML = ++count2;
}) 
//button1,2 element 에 addEventListener api를 이용해서 클릭 이벤트 발생시 카운트 증가!