Удалено сообщение, существует некоторая проблема, из-за которой необходимо удалить сообщение. Tnx за такие быстрые ответы в любом случае. Помоги мне очень
Этот код показывает всю команду в выбранной лиге.
let dropdown = document.getElementById('locality-dropdown'); var teamList = document.getElementById("output"); dropdown.length = 0; let defaultOption = document.createElement('option'); defaultOption.text = 'Choose...'; dropdown.add(defaultOption); dropdown.selectedIndex = 0; const url = 'http://api.football-data.org/v1/competitions'; fetch(url) .then( function(response) { if (response.status !== 200) { console.warn('Looks like there was a problem. Status Code: ' + response.status); return; } // Examine the text in the response response.json().then(function(data) { let option; for (let i = 0; i < data.length; i++) { option = document.createElement('option'); option.text = data[i].caption; option.value = data[i].id; dropdown.add(option); } }); } ) .catch(function(err) { console.error('Fetch Error -', err); }); function myFunction(e){ teamList.innerHTML = ""; //Get selected league id var leagueId = e.options[e.selectedIndex].value; fetch(`http://api.football-data.org/v1/competitions/${leagueId}/teams`) .then( function(response) { if (response.status !== 200) { console.warn('Looks like there was a problem. Status Code: ' + response.status); return; } response.json().then(function(data) { //iterate over each team data.teams.forEach(team =>{ var p = document.createElement("p"); p.innerHTML = team.name; //Add team name to a p element teamList.appendChild(p); }); }); } ) .catch(function(err) { console.error('Fetch Error -', err); }); }
<!DOCTYPE html> <html> <head> <title>Football-Data API</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css"> </head> <body> <div class="container"> <h1 class="display-4 mb-4">www.football-data.org</h1> <div class="d-flex"> <div class="form-group"> <label for="sel1">Select competitions:</label> <select class="form-control" id="locality-dropdown" onchange="myFunction(this);"> <option></option> </select> </div> </div> <hr> <div id="output"></div> </div> </body> </html>