Kingno3l

<!-- add this to your header -->
<div id="google_translate_element"></div> 

<!-- to your js part -->
<script src="script.js"></script>
      <script type="text/javascript">
        function googleTranslateElementInit() {
            new google.translate.TranslateElement(
                {pageLanguage: 'en'},
                'google_translate_element'

Kingno3l

//The JavaScript code is considered DRY as it defines a single function, greet, that can be called multiple times with different arguments to produce different outputs.

//The CSS styles could also be considered DRY as they have a common class .greetings for shared styles, and individual classes for specific styles.

const greet = (message, name) => {
  console.log(`${message}, ${name}!`)
}

greet('Hello', 'John');
greet('Hola', 'Antonio');

Kingno3l

const pets = ['Cat', 'Dog', 'Bird', 'Fish', 'Frog', 'Hamster', 'Pig', 'Horse', 'Lion', 'Dragon'];
// Print all pets
console.log(pets[0]);
console.log(pets[1]);
console.log(pets[2]);
console.log(pets[3]);

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