JSFiddle - React, Tailwind, and code Playground

by Pedro Gelli Pereira Tinoco Alves

HTML

<head>
        <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
        <script src="JavaScript.js"></script>
    </head>
    <body>
		
			<a href="#" id="clickme">Click me to list</a>

    </body>

JavaScript

$(function () {
	$('#clickme').click(function () {
		
		$.ajax({
			url: 'js/vendor/testedb.json',
			dataType: 'json',
			success: function(data) {
				
				
				var item = [];
			
				$.each(data, function(key,val) {
			  		item.push('<li id="' + key + '">' + val + '</li>');
				});
			
				$('<ul/>',{
					'class': 'myclass',
					html: item.join('')
				}).appendTo('body');
				
				
			},
			statusCode: {
				404: function() {
					alert("some problem");
				}
			},
			
		});
	});
});