Summary
Keywords
Full Transcript
HTML, CSS, JavaScript, Projeto, JS, Ajustes, Bandeiras, Quartas, Semifinais, Finais, Final, Grande Final, Terceiro Lugar querySelectorAll, array, lista, innerHTML, indice, posicao, API, World, Cup, WolrdCupJson.net, json, localStorage, getItem, setItem, JSON.stringify, JSON.parse, stringify, parse, Copa do Catar, Copa, 2022, Atualizar, Resultados, Classificados, emmet, ler json, fetch, then, console.log, response, data, dados, ler dados, forEach, querySelector, Programação, Dev, Informática, Professor, Edson Maia Link no GitHub: https://github.com/edsonmaia/tabela-da-copa-completa-2022 https://edsonmaia.github.io/tabela-da-copa-completa-2022/ Link da bandeira padrão: https://drive.google.com/file/d/1yZ7JW1b88IMxoAUEurm43CTPRFqaP5k3/view?usp=sharing Link do JSON das quartas: CORRIGIDO PARA A ORDEM DA FRANÇA MARROCOS https://drive.google.com/file/d/15B-pQ6KPpeUxWX1CyIec888HEHEDOmc4/view?usp=sharing Link da API pública: World Cup Json https://worldcupjson.net/ Link dos Jogos de hoje (today) https://worldcupjson.net/matches/today/?by_date=DESC Link dos Jogos de amanhã (tomorrow) https://worldcupjson.net/matches/tomorrow/?by_date=DESC exemplo de função para preencher bandeiras: function preencherBandeirasSemis() { let bandeiras = document.querySelectorAll(`.semi .imagemP`) bandeiras[0].src = `./images/bandeiras/${jogosSemiFinais[0].img_mandante}` bandeiras[1].src = `./images/bandeiras/${jogosSemiFinais[0].img_visitante}` bandeiras[2].src = `./images/bandeiras/${jogosSemiFinais[1].img_mandante}` bandeiras[3].src = `./images/bandeiras/${jogosSemiFinais[1].img_visitante}` } preencherBandeirasSemis()
