eventsModule.js

var eventsModule = (function(dModule, uModule, cModule, wModule){
    var addEventListeners = function(){
        
        // the button "Enter" click event
        uModule.getDOMElements().textInput.addEventListener('keydown', function(event){

            // if the test ended, do nothing
            if (dModule.testEnded()){
                return;
            }

            // check if the user pressed "Enter"
            var key = event.keyCode;
            if(key == 13){// 13 is the the button "enter" keyCode

                uModule.getDOMElements().textInput.value += dModule.getLineReturn()+' ';

                // create a new 'input' event
                var inputEvent = new Event('input');

                // dispatch it
                uModule.getDOMElements().textInput.dispatchEvent(inputEvent);

            }

        });

        // character typing event listener
        uModule.getDOMElements().textInput.addEventListener('input', function(event){
            
            // if the test ended, do nothing
            if (dModule.testEnded()){
                return;
            }
            // if the test has not started yet, start the test and countdown
            if (!dModule.testStarted()){

                // start the test: data Module
                dModule.startTest();

                // start a counter
                var b = setInterval(function(){
                    // calculate the results: data Module

                        var results = {};
                        // update wpm, wpmChange
                        [results.wpm, results.wpmChange] = dModule.calculateWpm();

                        // update cpm, cpmChange
                        [results.cpm, results.cpmChange] = dModule.calculateCpm();

                        //update accuracy, accuracyChange
                        [results.accuracy, results.accuracyChange] = dModule.calculateAccuracy();

                    // update results (UI module)
                        uModule.updateResults(results);
                    // update time left
                        
                        // check if we have time left

                            if (dModule.timeLeft()){
                                
                                //yes:
                                // reduce time by one sec in data module by 1 second
                                var timeLeft = dModule.reduceTime();

                                // update time remaining in UI module
                                uModule.updateTimeLeft(timeLeft); 

                            }else {
                                //no:
                                // end the test: data module
                                clearInterval(b); // stop the set interval function which update the results every second
                                dModule.endsTest();
                                
                                // fill modal
                                uModule.fillModal(results.wpm);
                                // show modal
                                uModule.showModal();
                            }

                }, 1000);
            }

            // get typed word: UI module
            var typedWord = uModule.getTypeWord();

            // update current word: data module
            dModule.updateCurrentWord(typedWord);

            // format the active word
                // format the active word: UIModule
                // get the current word value
                var currentWord = dModule.getCurrentWord();
                uModule.formatWord(currentWord);

            // check if the user pressed space or enter
            if(uModule.spacePressed(event) || uModule.enterPressed(dModule.getLineReturn())){
                
                // empty the text input 
                uModule.emptyInput();

                // deactivate (un-highlight) the current word
                uModule.deactivateCurrentWord();
                
                // move to a new word: dataModule
                dModule.moveToNewWord();

                // set active word: UIModule
                // get the correct current word index
                var index = dModule.getCurrentWordIndex();
                uModule.setActiveWord(index);

                // format the active word: UIModule
                // get the current word value
                currentWord = dModule.getCurrentWord();
                uModule.formatWord(currentWord);

                // scroll word into the middle view
                uModule.scroll();
            }
        });

        // click on download button event listener
        uModule.getDOMElements().download.addEventListener('click', function(event){
            if(uModule.isNameEmpty()){
                uModule.flagNameInput();
            }else{
                var certificateData = dModule.getCertificateData();
                cModule.generateCertificate(certificateData);
            }
        });
    };

    // scroll active word into middle view on window resize
    window.addEventListener('resize', uModule.scroll);

    return {
        // init function, initializes the test before start
        init: function(duration, textNumber){

            // fill the list of test words: dataModule

                // get the words from the wordsModule using the getWords method and the textNumber to select the list of words out of 3
                var words = wModule.getWords(textNumber);

                dModule.fillListOfTestWords(textNumber, words);

            // fill the list of test words: UIModule

                // get the array with the test words
                var testWords = dModule.getListofTestWords();
                // get the line return variable
                var lineReturn = dModule.getLineReturn();
                uModule.fillContent(testWords, lineReturn);

            // set the total test time: data Module

                dModule.setTestTime(duration);

            // update time left: dataModule

                dModule.initializeTimeLeft();
            
            // update time left: UIModule
                var timeLeft = dModule.getTimeLeft();
                uModule.updateTimeLeft(timeLeft);

            // move to a new word: dataModule
                dModule.moveToNewWord();

            // set active word: UIModule
                // get the correct current word index
                var index = dModule.getCurrentWordIndex();
                uModule.setActiveWord(index);

            // format the active word: UIModule
                // get the current word value
                currentWord = dModule.getCurrentWord();
                uModule.formatWord(currentWord);

            // focus on text input: UIModule
                uModule.inputFocus();

            // add event listeners 
            addEventListeners();
        }
    };
})(dataModule, UIModule, certificateModule, wordsModule);