const image = document.getElementById('int');
const button = document.getElementById('submit');
const page = document.getElementById('page');

const check = document.getElementsByClassName('check');
const excla = document.getElementsByClassName('excla');
const entry = document.getElementsByClassName('entry');
const help = document.getElementsByClassName('help');

page.addEventListener('click', function() {
    console.log('hello');
    for (let i=0; i<help; i++) {
        console.log(help[i]);
        if (help[i].style.display == 'block') {
            help[i].style.display = 'none';
        }
    }
});

function hideHelp() {
    console.log('hello');
    for (let i=0; i<help.length; i++) {
        console.log(help[i]);
        if (help[i].style.display == 'block') {
            help[i].style.display = 'none';
        }
    }
}

function displayHelp(id) {
    if (id.style.display == 'none') {
        id.style.display = 'block';
    }
    else {
        id.style.display = 'none';
    }
}

function checkInputs() {
    for (let i=0; i < entry.length ; i++) {
        console.log(i);
        if (entry[i].type != 'button') {
            if (entry[i].value == '') {
                setError(i);
            }
            else {
                setSuccess(i);
            }
        }
    }
}

function setError(indice) {
    check[indice].style.display = 'none';
    excla[indice].style.display = 'block';
    document.getElementsByTagName('small')[indice].style.display = 'block';
}

function setSuccess(indice) {
    check[indice].style.display = 'block';
    excla[indice].style.display = 'none';
    document.getElementsByTagName('small')[indice].style.display = 'none';
}