如何在按钮图标上添加通知编号？

<button class="icon-btn"><i class="fas fa-bell"></i></button>

.icon-btn::after {
  content: "1"; /* 设置通知编号内容 */
  background-color: red; /* 设置通知编号背景颜色 */
  color: white; /* 设置通知编号文本颜色 */
  font-size: 12px; /* 设置通知编号字体大小 */
  border-radius: 50%; /* 设置通知编号圆角 */
  padding: 2px 6px; /* 设置通知编号内边距 */
  position: absolute; /* 设置通知编号位置为绝对定位 */
  top: -5px; /* 设置通知编号距离按钮顶部的偏移量 */
  right: -5px; /* 设置通知编号距离按钮右侧的偏移量 */
}

// 假设有新通知到达时，触发该函数来更新通知编号
function updateNotificationCount(count) {
  const notificationBadge = document.querySelector(".icon-btn::after");
  notificationBadge.textContent = count;
}