function populateUFs()
{
    // Seleciona o select de nome uf, que no caso é o que disponibiliza a escolha de estados
    const ufSelect = document.querySelector("select[name=uf]")

    //é uma promessa
    // A Fetch API fornece uma interface para buscar recursos (por exemplo, em toda a rede).
                                            
    //Fazem a mesma coisa
    //.then( res => res.json() ) ---- .then( (res) => { return res.json() } )


    //Busca os dados no servidor do IBGE, se der certo, transforma em arquivo json, se der certo carrega os dados de cada estado no Select
    fetch("https://servicodados.ibge.gov.br/api/v1/localidades/estados")
    .then( (res) => { return res.json() } )
    .then( states => {

        //function(states){ Objeto state = states[1] }
        //for(state = states[0]; state != state[27]; state++)
        //Como se cada item do json fosse definido como um objeto States
        //Vou pegar cada um dos states e vou jogar na variável state
        for(const state of states)
        {
            // A propriedade Element.innerHTML define ou obtém a sintaxe HTML descrevendo os elementos descendentes.
            ufSelect.innerHTML += `<option value = "${state.id}">${state.nome}</option>`
        }
    } )
}
// faz aparecer os estados na lista de estados
faz aparecer os estados na lista de estados
faz aparecer os estados na lista de estados
function populateUFs()
{
    const ufSelect = document.querySelector("select[name=uf]")
    fetch("https://servicodados.ibge.gov.br/api/v1/localidades/estados")
    .then( (res) => { return res.json() } )
    .then( states => {
        for(const state of states)
        {
            ufSelect.innerHTML += `<option value = "${state.id}">${state.nome}</option>`
        }
    } )
}
function populateUFs ( ) { const ufSelect = document . querySelector ( "select[name=uf]" ) fetch ( "https://servicodados.ibge.gov.br/api/v1/localidades/estados" ) . then ( ( res ) => { return res . json ( ) } ) . then ( states => { for ( const state of states ) { ufSelect . innerHTML += ` ${ state . id } ${ state . nome } ` } } ) }
faz aparecer os estados na lista de estados
faz aparecer os estados na lista de estados
// Seleciona o select de nome uf, que no caso é o que disponibiliza a escolha de estados //é uma promessa // A Fetch API fornece uma interface para buscar recursos (por exemplo, em toda a rede). //Fazem a mesma coisa //.then( res => res.json() ) ---- .then( (res) => { return res.json() } ) //Busca os dados no servidor do IBGE, se der certo, transforma em arquivo json, se der certo carrega os dados de cada estado no Select //function(states){ Objeto state = states[1] } //for(state = states[0]; state != state[27]; state++) //Como se cada item do json fosse definido como um objeto States //Vou pegar cada um dos states e vou jogar na variável state // A propriedade Element.innerHTML define ou obtém a sintaxe HTML descrevendo os elementos descendentes.