Get continent from serverless function in Cloudfare pages and show/hide content

getcontinent.js

// Localized content

const showContentByContinent = (continent) => {
    const contentElements = document.querySelectorAll('.content')
    
    if (['NA', 'OC', 'EU'].includes(continent)) {
        contentElements.forEach(div => {
            if (div.classList.contains(continent)) {
                div.classList.remove('hid')
            } else {
                div.classList.add('hid')
            }
        })
    } else {
        contentElements.forEach(div => {
            if (div.classList.contains('NA')) {
                div.classList.remove('hid')
            } else {
                div.classList.add('hid')
            }
        })
    }
  }

fetch('/geo')
.then (response => {
    if (!response.ok) {
        throw new Error('Network down')
    }
    return response.json()
})
.then(data => {
    // 
    // 
    // U S A and C A
    // 
    // show localised content
    showContentByContinent(data.continent)
})
.catch(error => {
    usContent.forEach(divs => {
        divs.classList.add('hid')
    })
    auContent.forEach(divs => {
        divs.classList.remove('hid')
    })
    console.error(error)
})