Programmiererforum

let container = document.querySelector(".container");
container.addEventListener('click', (evt)=> {
if (evt.target.tagName == 'BUTTON') {
console.log("Button" + " " + evt.target.textContent + " got clicked");
}
})
< /code>
Ausgabe: Schaltfläche A klickt < /p>
Dies gibt undefined < /p>
zurücklet container = document.querySelector(".container");
container.addEventListener('click', (evt)=> {
if (evt.target.tagName == 'BUTTON') {
console.log("Button" + " " + evt.target.textContent, + " got clicked");
}
})

Ein Container enthält 4 Schaltflächen mit Text A, B, C und D.
Dies funktioniert < /p>
[code]let container = document.querySelector(".container");
container.addEventListener('click', (evt)=> {
if (evt.target.tagName == 'BUTTON') {
console.log("Button" + " " + evt.target.textContent + " got clicked");
}
})
< /code>
Ausgabe: Schaltfläche A klickt < /p>
Dies gibt undefined < /p>
zurücklet container = document.querySelector(".container");
container.addEventListener('click', (evt)=> {
if (evt.target.tagName == 'BUTTON') {
console.log("Button" + " " + evt.target.textContent, + " got clicked");
}
})
[/code]
Ausgabe: Taste A nan