version 1

function searchReddit(searchTerm, sortBy, limit) {
    return new Promise(((resolve) => {
        fetch(`http://www.reddit.com/search.json?q=${searchTerm}&sort=${sortBy}&limit=${limit}`)
            .then((res) => res.json())
            .then((data) => {
                resolve(data);
                let results = data.data.children.map((data) => data.data);
                console.log(results);

                // iterate though the posts
                results.forEach((post) => {
                    let li = document.createElement('li');
                    li.classList.add("list-group-item", "list-group-item-action", "mb-2");
                    let button = document.createElement('button');
                    button.innerText = "Go to Subreddit";
                    button.classList.add("btn", "btn-success", "ml-5");
                    let anchor = document.createElement('a');
                    let link = post.url;
                    anchor.setAttribute("href", link);
                    anchor.setAttribute('target', '_blank');
                    let title = post.title;
                    li.textContent = title;
                    button.append(anchor);
                    li.append(button);
                    output.append(li);
                })
            })
    }))
}