How to make coupon code reveal for more than one coupon….

` <script>
var btn = document.getElementsByClassName(“btn-coupon”);
for (var i = 0; i < btn.length; i++) {

// Define the onclick event on popup’s btn

btn[i].onclick = function(){
// Get the popup associated to the btn with the data-popup-id
var coupon = document.getElementsByClassName(“coupon-code”);
for (var j = 0; j < coupon.length; j++) {
var coupon1=coupon[i].innerHTML;
}
this.innerHTML = coupon1;
$(“.coupon-code”).hide();

};
}
</script>`
`<div class=”get-codebtn-holder”><div class=”offer-get-code-link cpnbtn”>
<span class=”code coupon-code”>TRY2GO</span>
<a class=”peel-btn btn-coupon”>Show Coupon</a>
</div></div>
<div class=”get-codebtn-holder”><div class=”offer-get-code-link cpnbtn”>
<span class=”code coupon-code”>TRY2GO</span>
<a class=”peel-btn btn-coupon”>Show Coupon</a>
</div></div>`
[upl-image-preview url=https://www.webdeveloper.com/assets/files/2019-10-16/1571203587-21604-capture.jpeg]

Also in #CSS _↴