Javascript function inside conditional statement

Question

Hi all,

I writing Javascript to add stuff to the Wordpress backend on different post types. I'm trying to put all the JS in one file and load it. A snippet of my total file is this function:

//Excerpt Length
    var $exc = $('#excerpt');
    var exc = '#excerpt';
    var exc_length = 0;
    //check if div exists
    if($exc.length > 0 ) {
        function charcount(target, counterdiv){
            exc_length = $(target + ' ' + counterdiv).val().length;
            return exc_length;
        }
        //var exc_length = charcount(exc);
        function exc_appender(){
            return $exc.append('<span id="exc-charcount">' + exc_length + '/500 characters used</span>');
        }
        charcount(exc,'textarea');
        exc_appender();
        //keyup function for re-calculation
        $(exc + ' textarea').keyup(function(){
            $('#exc-charcount').remove();
            charcount(exc,'textarea');
            exc_appender();
        });
    }

I tried to wrap it in an if statement because the function gives errors on pages where #excerpt is not present.

wrapping everything in a conditional statement still gives me errors tho, how can I fix this?

I know I can load .js files conditionally in my functions.php and fix it that way, but that means I have to write multiple javascript files in order to achieve what I want, and Im wondering if it can be done within one file......

Thanks!

Welcome to the Treehouse Community

Looking to learn something new?

Boris Kamp

Boris Kamp

Javascript function inside conditional statement