我正在尝试创建一个当某个事件触发时显示在窗口上的通知。例如，通过单击一个按钮。我一直在阅读https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API上的文档，但我不确定我做错了什么。
当我点击请求，然后它出现了，我点击允许，状态说授予。但后来我去发送通知，什么也没有发生后，我点击发送。

document.querySelector('#request').addEventListener('click', () => {
  if (!('Notification' in window)) {
  console.log("This browser does not support notifications.");
  } else {
  Notification.requestPermission((p)=>document.querySelector('p > span').textContent = p);
  }
});

document.querySelector('#send').addEventListener('click', () => {
  if (!('Notification' in window)) {
  console.log("This browser does not support notifications.");
  } else {
  var notification = new Notification('To do list', { body: "This is some test"});
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="request">Request</button>
<button id="send">Send Notification</button>
<p>Status: <span></span></p>