const spans = document.querySelectorAll("span");

if (localStorage.roll != undefined){

    let roll = localStorage.roll;
    spans[0].innerHTML = roll;
    delete localStorage.roll;

    if (roll == 'Kaitseliitlase'){
        document.querySelector('h3').innerHTML = 'Soomusmasinate teekond:';
        spans[1].innerHTML = 'Asukoht: ' + localStorage.asula;
        //spans[2].innerHTML = 'Soomusmasinad möödusid sinust: ' + localStorage.kaugus ' km kauguselt.';
        spans[2].innerHTML = `Soomusmasinad möödusid sinust: ${localStorage.kaugus}  km kauguselt.`

        delete localStorage.asula;
        delete localStorage.kaugus;
    }

    else if (roll == 'Direktori'){
        document.querySelector('h3').innerHTML = 'Balti keti andmed:';
        spans[3].innerHTML = 'Balti keti pikkus: ' + localStorage.teekond;
        spans[1].innerHTML = 'Asula: ' + localStorage.asula;
        spans[2].innerHTML = 'Kaugus: ' + localStorage.kaugus;

        console.log(localStorage.teekond);

        delete localStorage.asula;
        delete localStorage.kaugus;
        delete localStorage.teekond;
    }
}