The innerText property returns the visible text
inside the element. Whereas textContent returns the
complete text, whether hidden from view or not.
Look at the console result, and
you'll see that the innerText property
only returned the text Battle. This is because the other
text had the CSS property display set to none.
Whereas the textContent property returned
the complete text, Battle of the sharpest minds
regardless of whether the text was visible or not.