How to get value of input on click

How to get value of input tag onclick image and all value of input tag is diffrent

<div>
  <input type="text" value="1" style="display:" id="getHeart">
  <img src='images/heart.png' id='wishlistRent1' class='wishlist_icon>
</div>

<div>
  <input type="text" value="2" style="display:" id="getHeart">
  <img src='images/heart.png' id='wishlistRent1' class='wishlist_icon>
</div>

<div>
  <input type="text" value="3" style="display:" id="getHeart">
  <img src='images/heart.png' id='wishlistRent1' class='wishlist_icon>
</div>

<div>
  <input type="text" value="4" style="display:" id="getHeart">
  <img src='images/heart.png' id='wishlistRent1' class='wishlist_icon>
</div>