Volt Zirndorf Infostand - Bibert Bad

<script>

const shareData = {

title: "Volt Zirndorf Infostand - Bibert Bad - 25.02. ab 16 Uhr",

text: "Wir laden zu unserem Infostand am Bibert Bad ein! Wir sind am 25.02. von 16:00 bis 18:30 dort anzutreffen.",

url: window.location.href,

};

async function share(){

try {

await navigator.share(shareData);

console.log("shared successfully");

erfolg();

} catch (err) {

console.log("Error: ${err}");

copyTextToClipboard(window.location.href);

}

}

function fallbackCopyTextToClipboard(text) {

var textArea = document.createElement("textarea");

textArea.value = text;

// Avoid scrolling to bottom

textArea.style.top = "0";

textArea.style.left = "0";

textArea.style.position = "fixed";

document.body.appendChild(textArea);

textArea.focus();

textArea.select();

try {

var successful = document.execCommand('copy');

var msg = successful ? 'successful' : 'unsuccessful';

console.log('Fallback: Copying text command was ' + msg);

erfolg();

} catch (err) {

console.error('Fallback: Oops, unable to copy', err);

abbruch();

}

document.body.removeChild(textArea);

}

function copyTextToClipboard(text) {

if (!navigator.clipboard) {

fallbackCopyTextToClipboard(text);

return;

}

navigator.clipboard.writeText(text).then(function() {

console.log('Async: Copying to clipboard was successful!');

erfolg();

}, function(err) {

console.error('Async: Could not copy text: ', err);

});

}

function erfolg(){

var aTags = document.querySelectorAll("a[href='javascript:share();']");

for (var i = 0, l = aTags.length; i < l; i++) {

var el = aTags[i];

el.innerText = "Herzlichen Dank fürs Teilen! 💜";

}

}

function abbruch(){

var aTag = document.querySelectorAll("a[href='javascript:share();']")[0];

for (var i = 0, l = aTags.length; i < l; i++) {

var el = aTags[i];

el.innerText = "Leider hat das Teilen nicht geklappt! 💔";

}

}

</script>