Добавить текст кнопки при клике на нее
<button class="btn">JavaScript</button>
<button class="btn">HTML</button>
const btn = document.querySelector(".btn");
const handleClick = (event) => {
textContent = `${this.innerText}`;
console.log(event.target.textContent);
};
btn.addEventListener("click", handleClick);
Как сделать чтобы при клике на кнопку выводился в консоль текст соответствующей кнопки? |
Такое решение будет ок?
const btn = document.querySelector(".btn");
const btn2 = document.querySelector(".btn:nth-child(2)");
const handleClick = (event) => {
console.log(event.target.textContent);
};
btn.addEventListener("click", handleClick);
btn2.addEventListener("click", handleClick);
Просто если еще кнопки с таким же классом добавяться, то как лучше реализовать подскажите |
Цитата:
|
NovichokJS,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script>
document.addEventListener("click", function({target : {classList, textContent}}) {
if(classList.contains("btn")) console.log(textContent);
})
</script>
</head>
<body>
<button class="btn">JavaScript</button>
<button class="btn">HTML</button>
</body>
</html>
|
| Часовой пояс GMT +3, время: 11:40. |