Как сделать так, чтобы при наведении мыши на один элемент другой становился немного темнее?

Question

[nathan111777]

На одном сайте увидел эффект: сайт разделен на левую и правую части. При наведении мыши на левую часть, правая становиться немного темнее благодаря стилю background-color: rgba(0,0,0,0.3);

Как это реализовать на js?

Answer 1

[Афанасий Захаров]

const oldColor = document.querySelector('{_селектор_второго_элемента}').style.backgroundColor;

document.querySelector('{_селектор_первого_элемента_}').addEventListener('mouseover', function(){
  document.querySelector('{_селектор_второго_элемента}').style.backgroundColor = 'rgba(0,0,0,0.3)';
});

document.querySelector('{_селектор_первого_элемента_}').addEventListener('mouseout', function(){
  document.querySelector('{_селектор_второго_элемента}').style.backgroundColor = oldColor;
});

Это достаточно условно, можно намного лучше, но не зная специфики вашего проекта - только так