<div>
  <span>Promo Code:</span>
  <span id="copyText">NEW10</span>
  <button id="copyButton">
    <i class="fa fa-copy"></i>
  </button>
</div>

#copyButton {
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
  z-index: 999;
}

#copyButton i {
  font-size: 16px;
  color: #fff;
}

document.getElementById("copyButton").addEventListener("click", function() {
  // Get the text from the span
  var textToCopy = document.getElementById("copyText").textContent;

  // Create a temporary input element
  var tempInput = document.createElement("input");
  tempInput.value = textToCopy;
  document.body.appendChild(tempInput);

  // Select the text in the input
  tempInput.select();
  tempInput.setSelectionRange(0, 99999); // For mobile devices

  // Copy the text to the clipboard
  document.execCommand("copy");

  // Remove the temporary input
  document.body.removeChild(tempInput);

  // Optionally, show a message or change the icon to indicate success
  alert("Promotion code copied: " + textToCopy);
});