How to get attribute from the button that i click?

sorry for my english first.
I have the following problem: i have some buttons named stripe_pro_new, stripe_pro_new2, stripe_pro_new3 etc.
And i have 2 functions that return 2 attributes. how can i return the attribute of the button that i press? (current function return the attributes for “stripe_pro_new

button example:

<button id="stripe_pro_new" name="pro_plan" data-name="<?php echo __( 'Month' );?>" data-price="<?php echo (float)$config->basic_pro_plan;?>" class="btn stripe valign-wrapper"><?php echo __( 'buy_now' );?> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20,8H4V6H20M20,18H4V12H20M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z"></path></svg></button>

functions that return the attribute stripe_pro_new:

function getDescription()
   {
        var val = document.getElementById("stripe_pro_new").getAttribute("data-name");  
        return val;
   }
   function getPrice()
   {
        var val1 = document.getElementById("stripe_pro_new").getAttribute("data-price");  
        return val1;

   }