Which h3 element does the refresh() function change?

<html> <body> <button onclick="refresh()">Refresh</button> <h3>New Y-phone.</h3> <h3 id="sports">New Olympic Sport?</h3> <script> function refresh() { var el = document.querySelector("#sports"); el.innerHTML = "Skateboarding is now an Olympic sport!"; } </script> </body> </html>]]>The one with the sports IDThe first h3 element

The one with the sports ID.