JSFiddle - React, Tailwind, and code Playground

by Alex Azuero

CSS

div {
  border: 1px solid red;
}

JavaScript

var countrylist = [
    { "Country": "United States", "Code": "us" }, 
    { "Country": "Belgium", "Code": "be" }, 
    { "Country": "Argentina", "Code": "ar" }
];

var citylist = [
  { "City": "Abernant", "ContryCode": "us", "CityId":1 }, 
  { "City": "Academy Park", "ContryCode": "be", "CityId":2}, 
  { "City": "Abernathy", "ContryCode": "ar","CityId":3 }
];
     
var countries = {};
$.each(countrylist, function (i, country) {
  countries[country.Code] = country.Country;
});
$.each(citylist, function (j, city) {
  alert(city.City + ", " + countries[city.ContryCode]);
});