91 lines
3.0 KiB
JavaScript
91 lines
3.0 KiB
JavaScript
//
|
|
// Smooth scrolling when opening and closing the details element for value block
|
|
//
|
|
// Set expanded value block to a variable
|
|
const valueBlock = document.getElementById("value-expanded");
|
|
const bodyTop = document.getElementById("top");
|
|
|
|
// Watch for the details element to be toggled
|
|
document.querySelector('.value-block').addEventListener('toggle', function() {
|
|
if (this.open) {
|
|
// Scroll to contents of value block when it is opened
|
|
valueBlock.scrollIntoView({ behavior: "smooth" });
|
|
} else {
|
|
// Scroll to top of button list when value block is closed
|
|
bodyTop.scrollIntoView({ behavior: "smooth" });
|
|
}
|
|
});
|
|
|
|
//
|
|
// Copy crypto wallet addresses to clipboard when clicked
|
|
//
|
|
// Set wallet addresses to variables
|
|
const btcadd = document.getElementById("btcwall").textContent;
|
|
const ethadd = document.getElementById("ethwall").textContent;
|
|
const dogeadd = document.getElementById("dogewall").textContent;
|
|
|
|
// Watch for click on BTC wallet address
|
|
document.getElementById("btcwall").addEventListener("click", function(){
|
|
// Copy BTC address to clipboard
|
|
navigator.clipboard.writeText(btcadd);
|
|
// Display alert to confirm the address was added to clipboard
|
|
alert("BTC address copied to clipboard");
|
|
});
|
|
|
|
// Watch for click on ETH wallet address
|
|
document.getElementById("ethwall").addEventListener("click", function(){
|
|
// Copy ETH address to clipboard
|
|
navigator.clipboard.writeText(ethadd);
|
|
// Display alert to confirm the address was added to clipboard
|
|
alert("ETH address copied to clipboard");
|
|
});
|
|
|
|
// Watch for click on DOGE wallet address
|
|
document.getElementById("dogewall").addEventListener("click", function(){
|
|
// Copy DOGE address to clipboard
|
|
navigator.clipboard.writeText(dogeadd);
|
|
// Display alert to confirm the address was added to clipboard
|
|
alert("DOGE address copied to clipboard");
|
|
});
|
|
|
|
//
|
|
// Display crypto QR code when link is clicked
|
|
//
|
|
// Prevent clicks on QR codes from functioning
|
|
document.querySelector("#btc-qr-link a").addEventListener("click", function(event){
|
|
event.preventDefault()
|
|
});
|
|
document.querySelector("#eth-qr-link a").addEventListener("click", function(event){
|
|
event.preventDefault()
|
|
});
|
|
document.querySelector("#doge-qr-link a").addEventListener("click", function(event){
|
|
event.preventDefault()
|
|
});
|
|
|
|
// Watch for click on BTC QR code link
|
|
document.querySelector("#btc-qr-link a").addEventListener("click", function(){
|
|
console.log('BTC QR Clicked');
|
|
// Hide all other QR codes
|
|
|
|
// Display BTC QR code
|
|
|
|
});
|
|
|
|
// Watch for click on ETH QR code link
|
|
document.querySelector("#eth-qr-link a").addEventListener("click", function(){
|
|
console.log('ETH QR Clicked');
|
|
// Hide all other QR codes
|
|
|
|
// Display ETH QR code
|
|
|
|
});
|
|
|
|
// Watch for click on DOGE QR code link
|
|
document.querySelector("#doge-qr-link a").addEventListener("click", function(){
|
|
console.log('DOGE QR Clicked');
|
|
// Hide all other QR codes
|
|
|
|
// Display DOGE QR code
|
|
|
|
});
|