Что такое эквивалент этого скрипта переключения в чистом простом JS?

---

Он предназначен для скрытия и отображения целевого элемента нажатием кнопки, а также скрывает не переключаться, если вы нажмете на что-либо, что находится за пределами кнопки или целевого элемента. Поэтому я хочу знать, как я могу преобразовать это в чистую структуру JS. Я знаю jQuery, но мне нужно преобразовать его в чистый простой JS.

<style>
  #ex{
    display: none;
  }
</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
  $(document).ready(function(){ 
$('#ex').click(function(execute){
    execute.stopPropagation();
});
$('button').click(function(execute) {
    execute.preventDefault();
    execute.stopPropagation();
    $('#ex').toggle();
});
$(document).click(function() {
    $('#ex').hide();
});
    });
</script>
<button>Toggle</button>
<h1 id='ex'>Blablablablabla bla bla JS</h1>

Что я уже пробовал:

Я спрашивал об этом на других сайтах и даже на stack overflow, но никаких рабочих или попытавшихся ответов от людей я даже гуглил это, но безуспешно.

---