Здравствуйте! Есть html-код:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div style ="cursor:pointer"class="section-symbol" title="Phone"> ???? </div>
<script src = "js/click.js"></script>
</body>
</html>
Есть также код JS:
document.body.onclick = (event) => {
const elem = event.target;
// console.log(elem);
if (elem.classList.contains("section-symbol")) {
console.log(elem);
navigator.clipboard.writeText(elem.innerHTML)
.then(() => {
document.querySelector(".out").innerHTML += "copy<br>";
})
.catch(err => {
console.log(err);
});
}
}
При выводе в браузере консоль выдает сообщение:
TypeError: document.querySelector(...) is null
onclick
http://127.0.0.1:5500/js/click.js:8
На странице не выводится уведомление copy,
хотя копирование происходит.
Почему???