JSFiddle - React, Tailwind, and code Playground

by joepenzo

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<select class="googlefonts1"></select>

JavaScript

$(function() {
   
  $.ajax({
    url : 'https://www.googleapis.com/webfonts/v1/webfonts?key=AIzaSyAeBB_VeZ-FnSw801AX5c2O_2x82OgglkA',
    type : 'GET',
    dataType:'json',
    success : function(data) {              
			console.log(data.items);
      
      $.each( data.items, function( i, item ){

					var name = item['family'].replace(/\s+/g, '+');
          var weights = item['variants'].join(",");
          var urlpart = name + ":" + weights;

          $('.googlefonts1').append('<option data-url="'+urlpart+'">'+item['family']+'</option>');
      });
    
    },
    
});
});