Easily clip all visible coupons on the Giant grocery store website. https://github.com/Chrisae9/monkeyscripts/blob/main/giant-coupon-clipper/giant-coupon-clipper.js
// ==UserScript==
// @name Giant Coupon Clip
// @namespace http://tampermonkey.net/
// @version 1.1
// @description Easily clip all visible coupons on the Giant grocery store website. https://github.com/Chrisae9/monkeyscripts/blob/main/giant-coupon-clipper/giant-coupon-clipper.js
// @author Chris Alves
// @match https://giantfood.com/savings/coupons/browse
// @icon https://www.google.com/s2/favicons?sz=64&domain=giantfood.com
// @grant GM_addStyle
// ==/UserScript==
(function() {
'use strict';
// Function to clip coupons
async function clipCoupons() {
async function wait(seconds) {
await new Promise((resolve) => setTimeout(resolve, seconds * 1000));
}
const buttons = document.querySelectorAll('.select-none');
for (const button of buttons) {
button.click();
await wait(1);
}
}
// Create a new button element
var button = document.createElement('button');
// Set the button text
button.innerHTML = 'Clip Visible Coupons';
// Set a class to the button for styling
button.className = 'customButton';
// Append the button to the body
document.body.appendChild(button);
// Add an event listener to the button
button.addEventListener('click', clipCoupons);
// Inject styles into the document head
GM_addStyle(`
.customButton {
position: fixed;
bottom: 10px;
left: 10px;
z-index: 1000;
background-color: purple;
color: white;
padding: 20px;
font-size: 20px;
border: none;
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
opacity: 0.5; /* Set default opacity to 0.5 */
transition: opacity 0.3s ease-in-out; /* Add transition */
}
.customButton:hover {
opacity: 1; /* Make button opaque on hover */
}
`);
})();