Javascript Fechar modal ao clicar fora dele

[Niê]

Opa. Gostaria que me ajudassem com esse script, por favor. Não estou conseguindo pensar em algo que resolva meu prolema.

 

const showhdesign = document.getElementById("hdesign");

const modalhdesign = document.getElementById("hdesignmodal");

const closehdesign = document.getElementById("hdesignclose");

showhdesign.addEventListener("click", () => {
  modalhdesign.style.display = "block";
});

closehdesign.addEventListener("click", () => {
  modalhdesign.style.display = "none";
  
});

 

Esse é o script.

[MailingTester]

Quando a modal estiver aberta, adicione um listener de click ao document
se o event.target não for a modal, feche-a!

[Niê]

@MailingTester Fiz algo.

 

      window.addEventListener('mouseup',function(event){
        var pol = document.getElementById('qualitymodal');
        if(event.target != pol && event.target.parentNode != pol){
            pol.style.display = 'none';
        }
  }); 

https://jsfiddle.net/5uwx1mdo/1/