const overlayDivStyles = {
                    backgroundColor: "red",
                    width: "100%",
                    height: "100%",
                    display: "flex",
                    justifyContent: "center",
                    position: "absolute",
                    zIndex: 2,
                };

  const domOverlay = document.createElement("div");
  domOverlay.classList.add("map-overlay");
  domOverlay.innerHTML = `<h4>No locations exist with these current filters<h3>`;
  //assign my styles to the overlay Div
  Object.assign(domOverlay.style, overlayDivStyles);

// Get all elements with the class "jet-form-builder-file-upload__content"
2
var fileUploadContentDivs = document.querySelectorAll('.jet-form-builder-file-upload__content');
3
​
4
// Iterate through each div
5
fileUploadContentDivs.forEach(function (div) {
6
    // Check if the div has any content
7
    if (div.innerHTML.trim() !== '') {
8
        // If content exists, display the div
9
        div.style.display = 'block';
10
    } else {
11
        // If no content, hide the div
12
        div.style.display = 'none';
13
    }
14
});
15

--Al escribir palabras en un parrafo o "div" las letras se ordenan una tras otra horizontalmente
  y habra un espacio si lo pides(pero no habra 2 espacios); y si saltas, no se mostrara en el         navegador porque lo completa horizontalmete con un espacio(entendiendo como si hisieras espace)
  -span dentro de "div o parrafo": se comporta completamente igula que las letras
  -ojo si el "div" tiene "display: flex;" ya no sera identica que una palabra

-- span>span(span.s dentro de span) si saltas lo juntara dandole espacio; y si juntas 2 span
  (horizontalmente y sin espacio) dentro de un span los mantendra juntos sin espacio.
   -OJO: es igual, como si estubiera dentro de un "div" o "p"

--------- NOTA: Es muy importante conocer el comportamiento de los elementos anidados
                y los espacios que el navegador da por defecto -------------

div {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}