JavaScript Click on any of the blue video buttons.

[htmlcssjavascript28]

This is giving me an error for reasons unbeknown to me:

Why is this giving me an error? Edit fiddle - JSFiddle - Code Playground

I do not see any mistakes in here.

<footer class="my-footer hide">

modal.querySelector(".my-footer").classList.add("hide");

modal.querySelector(".my-footer").classList.remove("hide");

.my-footer.hide {
display: none;
}

Uncaught TypeError: Cannot read properties of null (reading 'classList') at line 188 col 38

Uncaught TypeError: Cannot read properties of null (reading 'classList') at line 276 col 38

 

[Johna]

Hi there.

None of the target elements have a child with the class my-footer, so modal.querySelector(".my-footer") is always null.
Perhaps you meant to do document.querySelector(".my-footer")?