JSFiddle - React, Tailwind, and code Playground

by DupontTD

HTML

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
  <meta charset="utf-8">
  <title>AJAX + fx</title>
</head>
<body>

</body>
</html>

JavaScript

let r;

function fetchPersonnes() {
	// Fetch
	$.ajax({type: "GET",
	  url: "https://output.jsbin.com/fokuyi/1.js",
	  dataType: "json",
	  success: handleData                    
	});  
}

function handleData (personnes) { 
    personnes.sort(sortByBorn);
    pTab = filter(personnes, function(person) {
        return person.born > 1500 && person.born < 1800;
    });
	
    
    pTab.forEach(function({name,born}){
        document.body.innerHTML+= `${name} : ${born} </br> `;
        console.log(name, born);
    });
}

function sortByBorn(A, B){
	return (A.born - B.born);
}

function filter(array, test) {
  var passed = [];
  for (var i = 0; i < array.length; i++) {
    if (test(array[i]))
      passed.push(array[i]);
  }
  return passed;
}






$(document).ready(function() {
	fetchPersonnes();
});