text: export class Dog {
      constructor(id, name, breed, knownFor) {
        this.id = id;
        this.name = name;
        this.breed = breed;
        this.knownFor = knownFor;
      }
    
      renderDog() {
        return `
          <div class="dog-card">
            <p>Name: ${this.name}</p>
            <p>Breed: ${this.breed}</p> 
            <p>Known For: ${this.knownFor}</p>
            <p>0</p>
            <button class="like">Like</button>
          </div>
          `;
      }
    
      // listenEvent() {
      //   const likeBtn = document.getElementsByClassName("like");
      //   console.log(likeBtn);
      //   likeBtn.addEventListener("click", this.handleEvent);
      // }
    
      handleEvent(e) {
        e.preventDefault();
        console.log(e.target.parentElement.children);
        if (e.target.parentElement.children[4]){
        // if (e.target.closest(".like")){
          const counter = e.target.parentElement.children[3];
          counter.innerHTML = parseInt(counter.innerHTML, 10) + 1;
        }
      }
    }
    
    Dog.all = [];