Условный код работает без проверки условия [дублировать] ⇐ CSS

[Anonymous]

Я пытаюсь скрыть элемент, если событие Mousedown запускается на теле, но не хочу, чтобы он скрывал, если нажат другой элемент. Код работает нормально, если я не использую логический или оператор и использую только одно условие. -code ">

Код: Выделить всё

.aa{
position: absolute;
top: 7rem;
left: 5rem;
width:20rem;
height: 20rem;
background-color:rgba(39, 139, 69, 0.733) ;
}
button{
position: relative;
top: 8rem;
left: 8rem;
background-color: #f0ff1f;
border: none;
padding: 1rem;
width: 5rem;
color: rgb(255, 255, 255);

}
button:active{
background-color: #565c0b;
}
.da{
position: absolute;
top: 8rem;
left: 30rem;
width: 15rem;
height: 15rem;
background-color:rgba(1, 111, 255, 0.733) ;
}< /code>





Document



button


document.onmousedown =function(event){

if(event.target.tagName!='BUTTON'  ||  event.target.className!='aa'){
document.getElementsByClassName('da')[0].style.display = 'none';
console.log(event.target.className!='da' || event.target.tagName!='BUTTON')
console.log(event.target.tagName, event.target.className)}}

Подробнее здесь: https://stackoverflow.com/questions/793 ... -condition