script.js

const Button = (text, callback) => {
  const body = document.querySelector("div.group-btn")
  const button = document.createElement("button")
  button.textContent = text
  button.classList.add("btn-style")
  button.setAttribute("role", "button")

  callback(button)

  body.insertAdjacentElement("beforeend", button)

  return button
}

Button("Primary", (button) => {
  button.style.cssText = `
    background-color: #007bff;
    border-color: #007bff;
  `
  button.setAttribute("aria-describedby", "primary alert button")

  button.addEventListener("click",() => {
    alert("Primary button click!")
  })
})

Button("Danger", (button) => {
  button.style.cssText = `
    background-color: #c82333;
    border-color: #bd2130;
  `
  button.setAttribute("aria-describedby", "primary danger button")

  button.addEventListener("click",() => {
    alert("Danger button click!")
  })
})