Is it DRY? Example 1

dry1

const pets = ['Cat', 'Dog', 'Bird', 'Fish', 'Frog', 'Hamster', 'Pig', 'Horse' 'Lion', 'Dragon'];
// Print all pets
pets.forEach(pet => console.log(pet))
...

.animal {
  font-family: "Times New Roman", Times, serif;
  font-size: 1rem;
}

animal.cat {
  color: #FFF;
}

animal.dog {
  color: #000;
}

animal.dragon {
  color: #009933;
}

dry2

It is DRY because the function is succint, working for every example provided (every funciton call). Also the CSS code has its rules separated and organized for each greeting.