Как корректно вывести тект при наведении?

Question

[ProstoChel92]

Доброго времени суток! Помогите пожалуйста рашить проблему. Мне нужен скрипт который cкрывает текст на картинке пр инаведении, а саму картинку высветляет(filter: brightness(100%);), работает только скрытие текста. Помогите пожалуйста.

let block = document.querySelectorAll('.gallery__item');
let blockText = document.querySelectorAll('.item__block');
let blockImg = document.querySelectorAll('.item__bg');

for(let i = 0; i < block.length; i++) {
    block[i].onmouseover = function() {
        for(let i = 0; i < blockText.length; i++) {
            blockText[i].style.visibility = 'hidden';
        }
        for(let i = 0; i < blockImg; i++) {
            blockImg[i].style.filter = 'brightness(100%)';
        }
    }
}

P.S. Задаю вопрос потому что долго уже над этим мучаюсь(то затемняется картинка, а текст не показывается, то наоборот).Заранее спасибо!

Comments

[Александр]

а где код?

[Mikhail Osher]

ProstoChel92, демку на codesandbox сделайте, пожалуйста

[ProstoChel92]

Mikhail Osher, Здесь, исправте пожалуйста

Answer 1

[twobomb]

Answer 2

[Mikhail Osher]

JS не нужен

https://codesandbox.io/s/jolly-kalam-gb1gd?file=/s...