title: How do I see what JS is changing style to my elements in Chrome dev tools or Firefox dev tools?
body: <p>My is a noob question as I am just learning JS so I am not good at it yet.</p>
  
  <p>I am currently building a website ad added some JS snippets to do few actions. Now my footer has <code>opacity: 0</code> and it doesn't come from CSS, therefore must come from some JS, but I cannot find it. How do I find what JS is modifying the style of a specific HTML element in the Chrome or Firefox DevTools?</p>
  
  <p>Here is a screenshot to show the code:
  <a href="https://i.imgur.com/iYIeSPO.png" rel="noreferrer"><img src="https://i.imgur.com/iYIeSPO.png" alt="https://imgur.com/iYIeSPO"></a></p>
  
  <p>I checked all my JS files but couldn't find anything that gives my footer <code>opacity:0</code>.</p>