Copy Text to Clipboard Shortcode for WordPress

copytexttoclipboard.php

<?php
add_shortcode( 'copycoupon', 'copy_text_shortcode' );
function copy_text_shortcode( $atts ) {
    ?>
    <p id="text-to-copy"><?= $atts['coupon'] ?></p>
    <button id="copybutton">Copy to Clipboard</button>
    <?php
}

add_action( 'wp_footer', 'copy_to_clipboard' );
function copy_to_clipboard() {
    ?>
    <script type="text/javascript">
        jQuery(function($) {
            $( "#copybutton" ).click(function() {
                var $temp = $("<input>");
                $("body").append($temp);
                $temp.val($("#text-to-copy").html()).select();
                document.execCommand("copy");
                $temp.remove();
            });
        });
    </script>
    <?php
}