JSFiddle - React, Tailwind, and code Playground

by steakpi

JavaScript

var url = "http://www.rocketlawyer.co.uk/profiles-site/lawyers?page_size=1000&page_number=0";
    $.get(url, function(data) {
    
            
        var results = $.parseJSON(data);
        var random = 0;
        /*
        function randomize(){
            var randomizer = Math.floor(Math.random() * results.lawyer_profiles.length)
          
            random = randomizer;
        }
        */

        var random = Math.floor(Math.random() * results.lawyer_profiles.length);



        var lawyerDetails = {
            numberResults: 20,
            lawyerName: results.lawyer_profiles[random].first_name + " " + results.lawyer_profiles[random].last_name,
            firmName: results.lawyer_profiles[random].firm,
            profileImage: results.lawyer_profiles[random].userId, 
            practiceAreas: results.lawyer_profiles[random].practice_areas[0].name
        }


        for(i=0;i<=lawyerDetails.numberResults;i++){
        var lawyerProfile = "<div class='item'><img src='http://rocketlawyer.co.uk/profiles-site/"+ lawyerDetails.profileImage +"/business_owner/image' class='lawyer-image' width='76' height='76'><dl><dt>"+ lawyerDetails.lawyerName +"</dt><dd class='lawyer-company'>"+ lawyerDetails.firmName +"</dd><dd class='lawyer-profile'>"+lawyerDetails.practiceAreas+"</dd></dl></div>";

        
            $('.carousel-inner').append(lawyerProfile)
            randomize()
           console.log(random)
        }

        $('.item:first-child').addClass('active');
        

    });