<div class="option">
<div id="result">TextContent</div>
<button id="copy">Copy</button>
</div>
let result = document.getElementById("result");
let copy = document.getElementById("copy");
copy.addEventListener("click", function () {
copyToClipboard(result.innerText);
});
function copyToClipboard(text, onComplete) {
if (navigator.clipboard) {
navigator.clipboard
.writeText(text)
.then(() => {
if (typeof onComplete === "function") onComplete();
})
.catch((err) => {
console.error("Copy fail", err);
});
} else {
let area = document.createElement("textarea");
document.body.appendChild(area);
area.value = text;
area.select();
document.execCommand("copy");
document.body.removeChild(area);
if (typeof onComplete === "function") onComplete();
}
}
btn.forEach((key, index) => {
})
// Это коллекции - множественная форма
let buttons = document.querySelectorAll('.advertisement-tabs__item'); //Кнопки табой
let blocks = document.querySelectorAll('.advertisement-tabs__content') //Контент
// Что еще за key? Там кнопка
buttons.forEach((btn, index) => {
btn.addEventListener('click', function() {
console.dir(btn)
blocks.forEach(block => {
block.classList.toggle('active', btn === block)
})
})
})
if ($src) {
echo '<img src="'.$src.'">';
}
img[src=""] {
display: none;
}
img:not([src]) {
display: none;
}