How execute shortcode with javascript

to execute “ShortCode” which server side-> wordpress ->php ,by JavaScript which client side you will need use AJAX!

you can use some thing like:

1-in your enqueued .js file :

jQuery(document).ready(function($) {
    $('.buttonClass').on('click', function() {
        $.ajax({
            url: Param.doShortCode,
            type: 'POST',
            data: {
                action: 'handle_ajax_shortcode',
            },
            success: function() {
                //do something on success 
            },
            error: function() {
                //do something on error
            }
        })
    })
});

2- in php file :

//localize your script
$Param = array(

  'doShortCode'=>admin_url( 'admin-ajax.php?action=handle_ajax_shortcode' ),

);
wp_localize_script('handle_ajax_shortcode','Param', $Param);

//executes for users that are not logged in.
add_action( 'wp_ajax_nopriv_handle_ajax_shortcode', 'handle_ajax_shortcode' );
//executes for users that are logged in.
add_action( 'wp_ajax_handle_ajax_shortcode', 'handle_ajax_shortcode' );


function handle_ajax_shortcode(){
  //put whatever you want to be execute when JavaScript event is triggered
  do_shortcode( string $content, bool $ignore_html = false )
  // Don't forget to stop execution afterward.
  wp_die();

}

for more information you can check Link1 & Link2 & Link3