0
私は簡単な電卓を作っています。すべてのボタンには.buttonクラスが添付されています。しかし、数字には.numberクラスを付け、演算子には.operatorクラスを持たせたい。要素を選択するために、JSを使用しJavaScriptで複数のクラスの1つを選択するにはどうすればよいですか？
、私はこれを使用することができますが、要素が1人のクラス名（.button）がある場合にのみ動作します。私は、HTML要素に.NUMBERクラスを追加する場合
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);
}
});
を、これは動作を停止します。 .buttonクラスまたは.numberクラスなどのボタンを使用してすべてのボタンを選択できる必要があります。
1つだけを使用して複数のクラス名を持つ要素を選択できるようにする方法がありますかクラス名？
jQueryは使用しないでください。
あなたは簡単に問題をデバッグするためcodepenやjsのフィドルを作成できますか？ –
CSS –
で '：active'を使って簡単にできたボタンの不透明な部分をクリックした状態で行っています。' className === "ボタンの代わりに' classList.contains（ "button"） ' –