Example of a frontend API client

api_example.js

    // var songInfo = {
    //     songName: ''
    //     lyric: '',
    // }

    // 
    // A pseudo-genre is the artist and their related artists.
    //
    function getArtist(searchString) {
        // Make API call to get the artist from the search string
        return $.ajax({
            url: "https://api.musixmatch.com/ws/1.1/artist.search?format=jsonp&callback=callback&q_artist=" 
                    + searchString 
                    + "&apikey=a19ef67c6dd8fda0c5be73eb1bab3e38"
        }).success(function (data) {
            // We have data about the artist
            return data.message.body.artist_list[0].artist.artist_id;
        });
    }

    function getSong(artistId) {
        return $.ajax({
            url: "https://api.musixmatch.com/ws/1.1/track.search?format=jsonp&callback=callback"
                    + "&f_artist_id=" + artistId
                    + "&f_has_lyrics=y&s_artist_rating=desc&s_track_rating=desc&quorum_factor=1&page_size=100&apikey=a19ef67c6dd8fda0c5be73eb1bab3e38"
        }).success(function (data) {
            return chooseSong(data.message.body.track_list);
        });
    }

    function chooseSong(trackList) {
        return trackList[Math.floor(Math.random() * trackList.length)].track.track_id;
    }


    function getLyrics(songId) {
        return $.ajax({
            url: "https://api.musixmatch.com/ws/1.1/track.lyrics.get?format=jsonp&callback=callback&track_id="
                    + songId 
                    + "&apikey=a19ef67c6dd8fda0c5be73eb1bab3e38"
        }).success(function (data) {
            var lyricsText = data.message.body.lyrics.lyrics_body;
            var lines = lyricsText.split("\n");
            var randomLineNum = Math.floor(Math.random() * lines.length);
            return lines[randomLineNum];
        });
    }


    function getInfoForSearchTerm(searchTerm) {
        return getArtist(searchTerm).success(function (artistId) {
            return getSong(artistId).success(function (songName) {
                return getLyrics(songName).success(function (lyric) {
                    return {
                        songName: songName,
                        lyric: lyric
                    }
                });
            });
        });
    }

    function sayLyric(lyric) {
        var msg = new SpeechSynthesisUtterance(lyric);
        window.speechSynthesis.speak(msg);
    }

    $("#userRow").on("click", "#userButton", function(event) {
        event.preventDefault();
        // createArtistGenre();
        getInfoForSearchTerm($(event.currentTarget).val().trim())
            .success(function (songInfo) {
                sayLyric(songInfo.lyric);
                // Do other stuff with the song name
            });
    });