function displaySugestoes(){
    let ipt = document.getElementById('pesqipt')
    let sugestoes = document.getElementById('sugestoes')
    let barrapesquisa = document.getElementById('barrapesquisa')

    //estilizando
    sugestoes.style.display = 'none'
    barrapesquisa.style.borderRadius = '15px 0 15px 15px'
    ipt.style.borderRadius = '13px 0 0 13px'

    document.addEventListener('mousedown', (Event) =>{
        if(ipt.contains(event.target) || sugestoes.contains(event.target)){
            sugestoes.style.display = ''
            sugestoes.style.borderRadius = '0 0 10px 0'
            barrapesquisa.style.borderRadius = '15px 0 0 0'
            ipt.style.borderRadius = '15px 0 0 0'
            barrapesquisa.style.transition = '.3s'
            ipt.style.transition = '.3s'
        }
        else{
            sugestoes.style.display = 'none'
            barrapesquisa.style.borderRadius = '15px 0 15px 15px'
            barrapesquisa.style.transition = '.3s'
            ipt.style.borderRadius = '13px 0 0 13px'
        }
    })
}
//mostrando e escondendo as sugestoes de pesquisa
mostrando e escondendo as sugestoes de pesquisa
mostrando e escondendo as sugestoes de pesquisa
function displaySugestoes(){
    let ipt = document.getElementById('pesqipt')
    let sugestoes = document.getElementById('sugestoes')
    let barrapesquisa = document.getElementById('barrapesquisa')
    sugestoes.style.display = 'none'
    barrapesquisa.style.borderRadius = '15px 0 15px 15px'
    ipt.style.borderRadius = '13px 0 0 13px'
    document.addEventListener('mousedown', (Event) =>{
        if(ipt.contains(event.target) || sugestoes.contains(event.target)){
            sugestoes.style.display = ''
            sugestoes.style.borderRadius = '0 0 10px 0'
            barrapesquisa.style.borderRadius = '15px 0 0 0'
            ipt.style.borderRadius = '15px 0 0 0'
            barrapesquisa.style.transition = '.3s'
            ipt.style.transition = '.3s'
        }
        else{
            sugestoes.style.display = 'none'
            barrapesquisa.style.borderRadius = '15px 0 15px 15px'
            barrapesquisa.style.transition = '.3s'
            ipt.style.borderRadius = '13px 0 0 13px'
        }
    })
}
function displaySugestoes ( ) { let ipt = document . getElementById ( 'pesqipt' ) let sugestoes = document . getElementById ( 'sugestoes' ) let barrapesquisa = document . getElementById ( 'barrapesquisa' ) sugestoes . style . display = 'none' barrapesquisa . style . borderRadius = '15px 0 15px 15px' ipt . style . borderRadius = '13px 0 0 13px' document . addEventListener ( 'mousedown' , ( Event ) => { if ( ipt . contains ( event . target ) || sugestoes . contains ( event . target ) ) { sugestoes . style . display = '' sugestoes . style . borderRadius = '0 0 10px 0' barrapesquisa . style . borderRadius = '15px 0 0 0' ipt . style . borderRadius = '15px 0 0 0' barrapesquisa . style . transition = '.3s' ipt . style . transition = '.3s' } else { sugestoes . style . display = 'none' barrapesquisa . style . borderRadius = '15px 0 15px 15px' barrapesquisa . style . transition = '.3s' ipt . style . borderRadius = '13px 0 0 13px' } } ) }
mostrando e escondendo as sugestoes de pesquisa
mostrando e escondendo as sugestoes de pesquisa
//estilizando