Uncaught Syntaxerror: Unexpected end of input

Question

My code is generating error and what I researched would be syntax error but I can’t find it here and Sublime Text 2 has no broker. Could you help me? Follow the code:

var Padrao = {

    /**
    * Init
    */
    init : function(){

        //Exibe Tela de Login/Minha Conta
        $('.login').click(Padrao.abreLogin);

        //Exibe Carrinho de Compras
        $('.carrinho-botao').click(Padrao.exibeCarrinho);

        //Chama o carrousel de Banner
        Padrao.carrouselBanner();
    },

    //Exibe Tela de Login/Minha Conta
    abreLogin : function(){
        $('.minha-conta').toggle(200);
    },

    //Exibe Carrinho de Compras
    exibeCarrinho : function(){
        $('.carrinho-aberto').toggle(200);
    },

    //Carrousel de banner
    carrouselBanner : function(){

        //recupera a qtd de elementos da lista
        var elementos = $('.destaque-banner ul li').length;

        //atribui automatico o valor de width para a ul
        $('.destaque-banner ul').css({width : 990 * elementos});


        //define e imprime a quantidade de bullets de acordo com o numero de elementos
        for(var i = 0; i < elementos; i++){
            if(i == 0){
                $('.bullets-area ul').append('<li><a href="javascript:void" index="' + parseInt(i) + '" class="sel"> x </a></li>');
            } else {
                $('.bullets-area ul').append('<li><a href="javascript:void" index="' + parseInt(i) + '"> x </a></li>');
            }
        }

        $('.bullets-area ul li a').click(function(){
            var desloca = $(this).attr('index');
            //alert(desloca);
            $('.destaque-banner ul').animate({'margin-left': desloca * -1000});
        });
    }
};

$(Padrao.init);

Answer 1

You can use the javacriptlint for that reason.

Just copy and paste the code there and it shows you syntax errors.

The site is a tool lint. Unfortunately there isn’t a wiki page for lint tools in Portuguese yet, but they are tools that analyze code for syntax errors and some bad practices. The vast majority of programming languages have such tools.

Answer 2

Friend, try to put a comma at the end for example:

 $('.bullets-area ul li a').click(function(){
            var desloca = $(this).attr('index');
            //alert(desloca);
            $('.destaque-banner ul').animate({'margin-left': desloca * -1000});
        });
    },
};

$(Padrao.init);

Answer 3

There is nothing wrong with the code itself. The problem is hidden in the Javascript links that are added by the code.

Instead of:

<a href="javascript:void">x</a>

Do:

<a href="javascript:;">x</a>

Answer 4

Here’s your corrected code

var Padrao = {

    /**
    * Init
    */
    init : function(){

        //Exibe Tela de Login/Minha Conta
        $('.login').click(Padrao.abreLogin);

        //Exibe Carrinho de Compras
        $('.carrinho-botao').click(Padrao.exibeCarrinho);

        //Chama o carrousel de Banner
        Padrao.carrouselBanner();
    },

    //Exibe Tela de Login/Minha Conta
    abreLogin : function(){
        $('.minha-conta').toggle(200);
    },

    //Exibe Carrinho de Compras
    exibeCarrinho : function(){
        $('.carrinho-aberto').toggle(200);
    },

    //Carrousel de banner
    carrouselBanner : function(){

        //recupera a qtd de elementos da lista
        var elementos = $('.destaque-banner ul li').length;

        //atribui automatico o valor de width para a ul
        $('.destaque-banner ul').css({width : 990 * elementos});


        //define e imprime a quantidade de bullets de acordo com o numero de elementos
        for(var i = 0; i < elementos; i++){
            index = parseInt(i,10); // faltou um parametro aqui, parseInt(string, radix), você não tinha passado o radix
            if(i === 0){ // como era uma comparação de tipos o lint pede que seja feita uma comparação usando "==="
                $('.bullets-area ul').append('<li><a href="javascript:void" index="' + index  + '" class="sel"> x </a></li>');
            } else {
                $('.bullets-area ul').append('<li><a href="javascript:void" index="' + index  + '"> x </a></li>');
            }
        }

        $('.bullets-area ul li a').click(function(){
            var desloca = $(this).attr('index');
            //alert(desloca);
            $('.destaque-banner ul').animate({'margin-left': desloca * -1000});
        });
    }
};

$(Padrao.init);

On line 40 jslint was complaining about the lack of the second parameter in the parseInt() by recommendation it should receive 2 parameters where the second is optional parseInt(string, radix)

Parameter - (string) Required. The string to be Parsed

Description - (Radix) Optional. A number (from 2 to 36) that represents the numeral system to be used

On line 41 the jslint was complaining about the type of comparison so the comparison was changed from == for ===