var button = document.getElementById("button");
button.addEventListener("click", reporteEstimacionPoblacion);

function reporteEstimacionPoblacion() {
    var nombreEscuela, escuelas, poblacionActual, poblacionEstimada,
        crecimientoAnual, anoActual, anoEstimado, totalEscuelas,
        escuelaMayorPoblacion, escuelaMenorPoblacion, tbody,
        tr, td1, td2, td3, td4, output1, output2, output3,
        nombreEscuelaMayorPoblacion, nombreEscuelaMenorPoblacion;

        escuelaMayorPoblacion = 0;
        escuelaMenorPoblacion = 10000;
        anoActual = 0;
        anoEstimado = 2035;
        crecimientoAnual = 0.5;
        escuelas = 5;
        nombreEscuelaMayorPoblacion = "";
        nombreEscuelaMenorPoblacion = "";

        tbody = document.getElementById('tbody');
        output1 = document.getElementById('output1');
        output2 = document.getElementById('output2');
        output3 = document.getElementById('output3');


    for (var i = 1; i <= escuelas; i++) {

        poblacionEstimada = 0;
        anoActual = 2018;
        poblacionActual = prompt("Ingrese la Poblacion actual # " + i);

        switch (i) {
            case 1:
                nombreEscuela = 'Escuela Hermocillo';
                break;
            case 2:
                nombreEscuela = 'Escuela Guamuchil';
                break;
            case 3:
                nombreEscuela = 'Escuela Tijuana';
                break;
            case 4:
                nombreEscuela = 'Escuela Culiacán';
                break;
            case 5:
                nombreEscuela = 'Escuela Mexico';
                break;
        }

        for (anoActual; anoActual <= anoEstimado; anoActual++) {

            poblacionEstimada += poblacionActual * crecimientoAnual;

            if ( poblacionEstimada > escuelaMayorPoblacion) {
                escuelaMayorPoblacion = poblacionEstimada;
                nombreEscuelaMayorPoblacion = nombreEscuela;
            }

            if ( poblacionEstimada < escuelaMenorPoblacion) {
                escuelaMenorPoblacion = poblacionEstimada;
                nombreEscuelaMenorPoblacion = nombreEscuela;
            }
        }

        tr = document.createElement("tr");
        td1 = document.createElement("td");
        td2 = document.createElement("td");
        td3 = document.createElement("td");

        td1.innerHTML = nombreEscuela;
        td2.innerHTML = poblacionActual;
        td3.innerHTML = poblacionEstimada;

        tbody.append(tr);
        tr.append(td1);
        tr.append(td2);
        tr.append(td3);

    }

    output1.innerHTML = "Total Escuelas : " +  escuelas;
    output2.innerHTML = " Nombre Escuela Mayor Población : " +  nombreEscuelaMayorPoblacion;
    output3.innerHTML = " Nombre Escuela Menor Población : " +  nombreEscuelaMenorPoblacion;
}