StreamLabs Alert Box terminal output

terminalAlertBox.js

<div id="alert-text-wrap">
  <div id="alert-text" style="display: none;">
    <div id="alert-message">{messageTemplate}</div>
    <div id="alert-user-message">{userMessage}</div>
  </div>
</div>

<script>
  setTimeout(() => {  
    const messageElement = document.querySelector("#alert-message").childNodes
    const [username, event] = Array.from(messageElement).map(i => i.textContent)
    const div = document.createElement("div")
    
    div.style = "color: #15e13e; font: 2rem Inconsolata, monospace; text-shadow: 0 0 5px #c8c8c863;"
    div.innerHTML = `<b>${username}</b>${event}`
    
    const usermessage = document.querySelector("#alert-user-message").textContent
    if(usermessage) div.innerHTML += `<br>${usermessage}`
    
    document.querySelector("body").prepend(div)
  }, 300);
</script>