Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Curso de HTML, CSS e JS Projeto Tabela da Copa 2022 parte 13 Final da Copa Ajustes finais
Play lesson

Curso de JavaScript - Curso de HTML, CSS e JS Projeto Tabela da Copa 2022 parte 13 Final da Copa Ajustes finais

5.0 (1)
17 learners

What you'll learn

This course includes

  • 30 hours of video
  • Certificate of completion
  • Access on mobile and TV

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()

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere