Quote Machine Tweet Button Problem

Can somebody help me with my twitter button?
I don’t know the reason that doesn’t show my strings.
My project is here: https://codepen.io/bitbyte/pen/LLaJBv

$('#button-2').on("click", function () {
        var twitterUrl = 'https://twitter.com/intent/tweet?text=' + theQuote + ' ' + theAuthor;
        window.open(twitterUrl, 'twitter');
        return false;
    });

What do you expect the value of theQuote and theAuthor to be at the time when you press the button?
Try using console.log to verify your assumption.