При нажатии на ссылку появляется блок

function ShowModal(elId) { 
  var modalAll = document.getElementById(elId); 
  modalAll.style.display = "flex"; 
} 
 
function HideModal() { 
  if (event.target.classList.contains('modal-all')) { 
    event.currentTarget.style.display = "none"; 
  } 
}

.modal-all { 
  display: none; 
  background: rgba(20, 20, 20, 0.3); 
  position: fixed; 
  width: 100%; 
  height: 100%; 
  top: 0px; 
  left: 0px; 
  right: 0px; 
  bottom: 0px; 
  align-items: center; 
  align-content: center; 
  justify-content: center; 
} 
 
.modal { 
  width: 200px; 
  height: 120px; 
  background: white; 
  border: 1px solid silver; 
  padding: 15px; 
}

<div>какой-то текст</div> 
<div>какой-то текст</div> 
<div>какой-то текст</div> 
 
<a href="javascript://" onclick="ShowModal('m1')" class="btn btn-info">открываем модальное окно</a> 
 
<div id="m1" class="modal-all" onclick="HideModal()"> 
  <div class="modal"> 
    окно, окно, окно 
  </div> 
</div>