Обработчик события не видит глобальную переменную

var text = "";
document.addEventListener("DOMContentLoaded", function() {
  var textarea = document.querySelector(".textarea");
  var button = document.querySelector(".text-style");
  textarea.onmouseup = function() {
    if (window.getSelection) {
        text = window.getSelection();
    } else if (document.getSelection) {
        text = document.getSelection();
    } else if (document.selection) {
        text = document.selection.createRange().toString();
    }
  }
  button.onmouseup = function() {
    alert(text)
  }
});

var text = "text"; // текст сюда написал для проверки
document.addEventListener("DOMContentLoaded", function(e) {
  var textarea = document.querySelector(".textarea");
  var button = document.querySelectorAll(".text-style");
  textarea.onmouseup = function() {
    if (window.getSelection) { // Не IE, используем метод getSelection
      text = window.getSelection().toString();
    } else { // IE, используем объект selection
      text = document.selection.createRange().text;
    }
  }
  button.forEach(function(e) { e.onclick = function(){alert(text)}});
});

window.addEventListener('DOMContentLoaded',()=> {
    document.onmousedown = e => {
        if(e.target.parentElement.classList.contains('text-style') || e.target.classList.contains('text-style'))
            alert(window.getSelection().toString());
    }
});