// DRY - Don't Repeat Yourself


const students = ['Andy', 'Helena', 'Jose', 'Ian']

// Mini Challenge
// Non Dry
// students[0] = '1. Andy'
// students[1] = '2. Helena'
// students[2] = '3. Jose'
// students[3] = '4. Ian'

// Dry
const listContainer = document.getElementById('list')
const listElement = document.createElement('ul')
listContainer.appendChild(listElement)

// // Non Dry Code
// const listItemOne = document.createElement('li')
// listItemOne.innerHTML = students[0]
// listElement.appendChild(listItemOne)

// const listItemTwo = document.createElement('li')
// listItemTwo.innerHTML = students[1]
// listElement.appendChild(listItemTwo)

// const listItemThree = document.createElement('li')
// listItemThree.innerHTML = students[2]
// listElement.appendChild(listItemThree)

// const listItemFour = document.createElement('li')
// listItemFour.innerHTML = students[3]
// listElement.appendChild(listItemFour)


// Dry Code
for (let i = 0; i < students.length; i++ ) {
    const listItem = document.createElement('li')
    listItem.innerHTML = `${i + 1}. ${students[i]}`
    listElement.appendChild(listItem)
}