challenge-24.js

/*
Nossa calculadora agora está funcional! A ideia desse desafio é modularizar
o código, conforme vimos na aula anterior. Quebrar as responsabilidades
em funções, onde cada função faça somente uma única coisa, e faça bem feito.

- Remova as duplicações de código;
- agrupe os códigos que estão soltos em funções (declarações de variáveis,
listeners de eventos, etc);
- faça refactories para melhorar esse código, mas de forma que o mantenha com a
mesma funcionalidade.
*/

(function( doc ) {
    'use strict';

    // Variables
    var $visor = doc.querySelector('[data-js="visor"]');
    var $buttonsNumbers = doc.querySelectorAll('[data-js="button-number"]');
    var $buttonsOperations = doc.querySelectorAll('[data-js="button-operation"]');
    var $buttonCE = doc.querySelector('[data-js="button-ce"]');
    var $buttonEqual = doc.querySelector('[data-js="button-equal"]');

    // Methods
    function initialize(){
        initEvents();
    }

    function initEvents(){
        Array.prototype.forEach.call($buttonsNumbers, function($button) {
            $button.addEventListener('click', handleClickNumber, false);
        });

        Array.prototype.forEach.call($buttonsOperations, function($button) {
            $button.addEventListener('click', handleClickOperation, false);
        });

        $buttonCE.addEventListener('click', handleClickCE, false);
        $buttonEqual.addEventListener('click', handleClickEqual, false);
    }

    function handleClickNumber( elem ) {
        $visor.value += elem.target.value;
    }

    function handleClickOperation( elem ) {
        $visor.value = removeLastItemIfItIsAnOperator($visor.value);
        $visor.value += elem.target.value;
    }

    function handleClickCE() {
        $visor.value = 0;
    }

    function isLastItemAnOperation(number) {
        var operations = getOperations();
        var lastItem = number.split('').pop();
        return operations.some(function(operator) {
            return operator === lastItem;
        });
    }

    function getOperations(){
        return Array.prototype.map.call($buttonsOperations, function(button){
            return button.value;
        });
    }

    function removeLastItemIfItIsAnOperator(string) {
        if(isLastItemAnOperation(string)) {
            return string.slice(0, -1);
        }
        return string;
    }

    function handleClickEqual() {
        $visor.value = removeLastItemIfItIsAnOperator($visor.value);
        var allValues = $visor.value.match(getRegexOperations());
        $visor.value = allValues.reduce(calculateAllValues);
    }

    function getRegexOperations(){
        return new RegExp('\\d+[' + getOperations().join('') + ']?', 'g');
    }

    function calculateAllValues(accumulated, actual) {
        var firstValue = accumulated.slice(0, -1);
        var operator = accumulated.split('').pop();
        var lastValue = removeLastItemIfItIsAnOperator(actual);
        var lastOperator = getLastOperator(actual);
        return doOperation(operator, firstValue, lastValue) + lastOperator;
    }

    function getLastOperator(value){
        return isLastItemAnOperation(value) ? value.split('').pop() : '';
    }

    function doOperation(operator, firstValue, lastValue){
        switch(operator) {
            case '+':
                return Number(firstValue) + Number(lastValue);
            case '-':
                return Number(firstValue) - Number(lastValue);
            case 'x':
                return Number(firstValue) * Number(lastValue);
            case '÷':
                return Number(firstValue) / Number(lastValue);
        }
    }

    // Autoload
    initialize();
})( document );