Giphy Project问题

Question

控制台在第5行显示意外的令牌函数，该函数是createButtons（）函数。我已经尝试修复了几个小时，无法解决。我认为search（）和results（）函数也不正确。

$(document).ready(function () {

let topics = ["football", "baseball", "basketball", "golf"],

function createButtons() {
    for (let i = 0; i < topics.length; i++) {
        let newButton = $("<button>");
        newButton.attr("data-search", topics[i]);
        newButton.addClass("btn");
        newButton.text(topics[i]);
        $("#buttonContainer").append(newButton);
    }
}
function search() {
    let userSearch = $("#search").val();

    if (topics.indexOf(userSearch) < 0 && userSearch.length > 0) {
        topics.push(userSearch);
        let newButton = $("<button>");
        newButton.attr("data-search", userSearch);
        newButton.addClass("btn");
        newButton.text(userSearch);
        $("#buttonContainer").append(newButton);
    }
}

function results() {
    $("#gifContainer").empty();

    let queryURL = "https://api.giphy.com/v1/gifs/trending?api_key=09JboqMeuKdCSPDeYu36R8yKaFL31c28";

    $.ajax({
        url: queryURL,
        method: "GET"
    }).then(function (response) {

        for (let i = 0; i < response.data.length; i++) {
            let gif = $("<div>");
            gif.addClass("newGif");
        }
    })
}
    $(document).ready(function () {
    createButtons();

    $("#submit").click(function() {
        search();
        results();
    })
})
})