Почему моя кнопка копирования исчезает, когда я нажимаю другую кнопку? ⇐ Html

[Anonymous]

Я относительно новичок в программировании и пытаюсь программировать калькулятор. Я попробовал сделать кнопку копирования для копирования результата расчета. Однако когда я нажимаю другую кнопку, например номер, кнопка копирования исчезает.

Код: Выделить всё

const display = document.getElementById("display");
const calculation = document.getElementById("calculation");
const buttons = document.querySelectorAll(".btn");
const copyButton = document.getElementById("copy");

let calcString = "";
let result = null;

buttons.forEach((button) => {
button.addEventListener("click", () => {
const value = button.dataset.value;

if (button.classList.contains("clear")) {
calcString = "";
display.textContent = "0";
calculation.textContent = "0";
result = null;
} else if (button.classList.contains("equals")) {

try {
result = eval(calcString);
display.textContent = result;
calculation.textContent = `${calcString} =`;
calcString = result.toString();
} catch (error) {
display.textContent = "Error";
calculation.textContent = "Invalid Input";
calcString = "";
result = null;
}
} else {

calcString += value;
calculation.innerHTML = `${calcString}`;
display.textContent = value
}
});
});

copyButton.addEventListener("click", () => {
if (result !== null && result !== "Error") {
navigator.clipboard.writeText(result)
.then(() => {
alert("Result copied to clipboard");
})
.catch((err) => {
console.error("Error copying to clipboard: ", err);
});
} else {
alert("Nothing to copy");
}
});

Код: Выделить всё

Calculator






0
Copy

0

7
8
9
÷

4
5
6
×

1
2
3
−

0
.
C
+

=

Я хочу, чтобы кнопка копирования была рядом с результатом, но чтобы это исправить Из-за этой проблемы мне нужно переместить кнопку копирования за пределы элемента div:

Код: Выделить всё

Copy


0

Может ли кто-нибудь помочь мне решить эту проблему?

Подробнее здесь: https://stackoverflow.com/questions/793 ... her-button