JS - показывать div в зависимости от содержания другого div

135
27 апреля 2021, 13:10

Как с помощью js сделать чтобы блок с классом item отображался только если в блоке с классом title было слово "Слово"? (по умолчанию стоит dispay:none, нужно чтобы менялось на display:block)

.item{display:none;}
<div class="title">Слово</div> 
 
<div class="item">Нужный блок</div>

Answer 1

let title = document.querySelector('.title'); 
 
if (title.textContent.includes('Слово')) { 
  document.querySelector('.item').style.display = 'block'; 
}
.item{display:none;}
<div class="title">Слово-пам-пам</div> 
 
<div class="item">Нужный блок</div>

READ ALSO
Помогите пожалуйста с версткой лого

Помогите пожалуйста с версткой лого

Нужно сверстать такое логоТут много проблем поскольку во-первых у двух слов разный размер 29pt 18pt

83