/*
This code was incrementally developed, refactored and improved, starting
out with a long list of spaghetti code. To see the whole progression, which
was intended to elaborate on why using loops, functions, and objects makes
a lot of sense, check out the accompanying recordings on
https://tantemalkah.at/artful-coding/2022wt/#xtra
*/

const btnAdvanceOneYear = document.getElementById('advance-one-year')
const btnAdvanceTenYears = document.getElementById('advance-ten-years')
const btnStart = document.getElementById('start-counting')
const btnStop = document.getElementById('stop-counting')

const ages = {
    ada: -1,
    grace: -1,
    jane: -1,
    lifelines: {
        ada: document.getElementById('ada'),
        grace: document.getElementById('grace'),
        jane: document.getElementById('jane'),
    }
}

function increasePersonAge (person) {
    let message = ''

    ages[person] = ages[person] + 1

    if (person === 'ada') {
        if (ages[person] === 0) { message = 'Hey there, nice to be here!' }
        else if (ages[person] === 8) { message = 'Lord Byron, Ada\'s father dies' }
        else if (ages[person] === 13) { message = 'Designed a flying horse' }
        else if (ages[person] === 14) { message = 'Darn! Got the measles!' }
        else if (ages[person] === 18) { message = 'Ada meets Charles Babbage' }
        else if (ages[person] === 21) { message = 'Ada\'s first child was born' }
        else if (ages[person] === 23) { message = 'Ada become a Countess, of Lovelace' }
        else if (ages[person] === 28) { message = 'Created translations and notes on the analytical engine (contained the firs algorithms/programmes)' }
        else if (ages[person] === 36) { message = 'Ada dies.' }
    } else if (person === 'grace') {
        if (ages[person] === 0) { message = 'Yeah, what adventure awaits?' }
        else if (ages[person] === 19) { message = 'Begins to study maths and physics.'}
        else if (ages[person] === 22) { message = 'Moves to Yale fo a master in maths.'}
        else if (ages[person] === 24) { message = 'Master in Mathematics'}
        else if (ages[person] === 28) { message = 'PhD in Mathematics'}
        else if (ages[person] === 37) { message = 'Joins the Navy.'}
        else if (ages[person] === 38) { message = 'Becomes lieutenant, assigned to the Bureau of Ordnance Project at Harvard, where she learns to program a Mark I computer.'}
        else if (ages[person] === 46) { message = 'Creates the first compiler for computer languages.'}
        else if (ages[person] === 60) { message = 'Retires from the Naval Reserve, but stays in the Navy to tackle standardising communication between different computer languages.'}
        else if (ages[person] === 79) { message = 'Retires from the Navy as rear admiral and oldest serving.'}
        else if (ages[person] === 84) { message = 'Receives the National Medal of Technology (as the first female individual to do so ... in 1991 btw.).'}
        else if (ages[person] === 85) { message = 'Grace dies.'}
    } else if (person === 'jane') {
        if (ages[person] % 6 === 0 && ages[person] % 8 === 0) { message = 'Something <i><b>awesomely weird</b></i> is happening.' }
        else if (ages[person] % 6 === 0) { message = 'Something <i>weird</i> is happening.' }
        else if (ages[person] % 8 === 0) { message = 'Something <b>awesome</b> is happening.' }
    }

    ages.lifelines[person].innerHTML += `<p>${ages[person]}: ${message}</p>`
}


function advanceTenYears () {
    for (let x=0; x < 10; x++) {
        advanceOneYear()
    }
}

function advanceOneYear() {
    if (ages.ada < 36) increasePersonAge('ada')
    if (ages.grace < 85) increasePersonAge('grace')
    if (ages.jane < 100) increasePersonAge('jane')
}

btnAdvanceOneYear.onclick = advanceOneYear
btnAdvanceTenYears.onclick = advanceTenYears
let intervalId
btnStart.onclick = function () {
    intervalId = setInterval(advanceOneYear, 1000)
}
btnStop.onclick = function () {
    clearInterval(intervalId)
}