Myujth

var data = Schedule: [ awayTeam: "Jets", homeTeam: "Bills", winner: "Bills", week: 1 , awayTeam: "Saints", homeTeam: "Cardinals", winner: "Cardinals", week: 1 , awayTeam: "Giants", homeTeam: "Bengals", winner: "Bengals", week: 2 , awayTeam: "Bills", homeTeam: "Jaguars", winner: "Bills", week: 2 , awayTeam: "Bills", homeTeam: "Patriots", winner: "Patriots", week: 3 ] ;

function setScheduleByTeam(team) 
 let schedule = data["Schedule"]; //Get the schedule
 var $outputTable = $("#output"); //Store the table as a variable
 $outputTable.find("tbody").empty(); //Empty out the current records

 schedule.forEach(function(game) //For each game in the schedule
 if (![game.awayTeam, game.homeTeam].includes(team)) return; //Skip the record if our team isn't in it

 //Create + Append table row
 var tableRow = "<tr><td>" + game.week + "</td><td>" + game.homeTeam + "</td><td>" + game.awayTeam + "</td><td>" + game.winner + "</td></tr>";
 $outputTable.append(tableRow);
 );


//On button click
$("body").on("click", "button", function() 
 let team = $('#teamSelect').val(); //Get selected team
 setScheduleByTeam(team); //Update the table to that team's schedule
);

td,th padding: 5px 15px; 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="teamSelect">
 <option>Select Team</option>
 <option value="Bengals">Bengals</option>
 <option value="Bills">Bills</option>
 <option value="Jets">Jets</option>
</select>
<button>Go!</button>

<table id="output">
 <thead>
 <tr>
 <th>Week</th>
 <th>Home</th>
 <th>Away</th>
 <th>Winner</th>
 </tr>
 </thead>
</table>

var data = Schedule: [ awayTeam: "Jets", homeTeam: "Bills", winner: "Bills", week: 1 , awayTeam: "Saints", homeTeam: "Cardinals", winner: "Cardinals", week: 1 , awayTeam: "Giants", homeTeam: "Bengals", winner: "Bengals", week: 2 , awayTeam: "Bills", homeTeam: "Jaguars", winner: "Bills", week: 2 , awayTeam: "Bills", homeTeam: "Patriots", winner: "Patriots", week: 3 ] ;

//Filter out schedule to only games where awayTeam == team OR homeTeam == team.
//Returns the filtered team's schedule
const getGamesByTeam = (team) => data.Schedule.filter(g => g.awayTeam == team || g.homeTeam == team);

function updateScheduleTable(games) 
 var $outputTable = $("#output"); //Store table as variable
 $outputTable.find("tbody").empty(); //Remove existing rows
 
 games.forEach(function(game) //For each game, append to table
 var tableRow = "<tr><td>" + game.week + "</td><td>" + game.homeTeam + "</td><td>" + game.awayTeam + "</td><td>" + game.winner + "</td></tr>";
 $outputTable.append(tableRow);
 );
 


$("body").on("click", "button", function() 
 let team = $('#teamSelect').val(); //Get the selected team
 let games = getGamesByTeam(team); //Get a filtered array of one team's schedule
 updateScheduleTable(games); //Update the table based on that set of games
);

td,th padding: 5px 15px; 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="teamSelect">
 <option>Select Team</option>
 <option value="Bengals">Bengals</option>
 <option value="Bills">Bills</option>
 <option value="Jets">Jets</option>
</select>
<button>Go!</button>

<table id="output">
 <thead>
 <tr>
 <th>Week</th>
 <th>Home</th>
 <th>Away</th>
 <th>Winner</th>
 </tr>
 </thead>
</table>