Help with Quote Generator


Codepen for ths -

I’m trying to create a new jQuery function from the code to make an api call and update the quote as I need the call to run on page load as well as when the “New Quote” button is clicked so I don’t want to put the same code in twice (once on document.ready and also when the button is clicked… Looked up how to declare a jQuery function and pulled the code from below my function, which was working fine under the fucntion, and put into a new jQuery fuction called getRandomQuote. But I have tried different ways to call the function and none work, so could do with some help in working this out.



You’re almost there! I just did minimal corrections.

When calling functions, you need the () parenthesis.
I removed the jquery function declaration… I just declared it as normal JS function.
Then I called the function on first script execution.

Only click below if you want to see my solution, but above tips should be enough to get you going.

 $(document).ready(function() {
    $("#getQuote").on("click", function(){
      // Only change code below this line.
      // Only change code above this line.


    getRandomQuote= function () {
       $.getJSON(" ", function(json) {
        // $("#quote").html(JSON.stringify(json));
        var html1 = "";
        var html2 = "";
        html1+='<p>"' + json.quote + '"</p>';

Thanks Owel. Working now without looking at your code. I had initialy declared it as a JS Function but I must have not been calling it correctly or there was some other problem. I wasn’t sure if you could use jQuery in a JS function hence I tried the jQuery function. When you have never written a function before it’s difficult to know whats wrong when it doesn’t work. I know I needed the brackets when calling a function - I just got to the point of trying anything and striped the brackets out and threw up my hands!