javascript - How to use jQuery in WordPress shortcode?

Question

I want to show this jquery variable's value into WordPress shortcode. I already tried but not working.

Jquery code:

jQuery('.button').on('click', function(){

  var post_id = jQuery(this).attr('data-product_id');

  //alert(post_id);

}); 

PHP Code:

echo do_shortcode('[product_page id="36"]');