var init = window.addEventListener('load', function () {

    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;
    }
});