0
Ich mache einen einfachen Rechner. Alle Schaltflächen haben die .button-Klasse angehängt. Ich möchte aber auch, dass die Nummern eine .number-Klasse haben und Operatoren eine .operator-Klasse haben.Wie wähle ich eine von mehreren Klassen mit JavaScript?
JS Mit dem Element wählen, ich diese verwenden können, aber es funktioniert nur, wenn das Element einen Klassennamen (.Taste) hat:
document.body.addEventListener('click', function (e) {
if (e.target.className === 'button') {
document.getElementById('display').innerHTML = e.target.innerHTML;
e.target.style.opacity = '0.9';
setTimeout(function() {
e.target.style.opacity = '1';
}, 150);
}
});
Wenn ich die .Anzahl Klasse, um die HTML-Elemente hinzufügen, Das hört auf zu arbeiten. Ich muss in der Lage sein, alle Knöpfe zu wählen mit .button class ODER nur Knöpfe mit .number class, etc.
Gibt es eine Möglichkeit, dies zu tun, so dass ich Elemente auswählen kann, die mehr als einen Klassennamen haben und nur einen benutzen Klassenname?
Keine jQuery, bitte.
Können Sie Ausgabe für das Debuggen leicht codepen oder js Geige schaffen? –
Sie tun mit Ihrer click button opacity dinge, die Sie leicht mit ': active' in CSS haben könnten –
haben Sie versucht mit' classList.contains ("button") 'anstelle von' className === "button" ' –