JSFiddle - React, Tailwind, and code Playground

HTML

<p>A has Germany? <span class="A_Germany"></span></p>
<p>B has Germany? <span class="B_Germany"></span></p>
<p>C has Germany? <span class="C_Germany"></span></p>

<p>A has England? <span class="A_England"></span></p>
<p>B has England? <span class="B_England"></span></p>
<p>C has England? <span class="C_England"></span></p>
<p>C has Italy? <span class="C_Italy"></span></p>
<p>C has France? <span class="C_France"></span></p>

JavaScript

console.clear();
	var teams = ["Germany","England", "Italy", "France"];
	$.ajax({
		url: "https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20json%20where%20url%20%3D%20%22http%3A%2F%2Fgoo.gl%2FSXYySV%22&format=json&diagnostics=true&callback=",
		success: function (data) {
			$(data.query.results.json.json).each(function (index, item) {
                console.log('---------------');
                console.log(item);
                // make an array of the nations
                var arr = [item.nation1, item.nation2];
                // check for a team in this game
                $.each(teams, function(i, team){
                        console.log('Does ' + item.title + ' have ' + team + '?');
                        team_index = $.inArray(team, arr);
                        console.log(team_index);
                        if (team_index > -1){
                            $('.'+ item.title + '_'+ team).html("Yes");
                        }else{
                            $('.'+ item.title + '_'+ team).html("No");
                        }
                });
                
			}); 
		}
	});