Estoy tratando de copiar el valor de un campo de texto oculto de otro botón. Por el momento, estoy tratando de mostrarlo simplemente con una alerta cuando hago clic en el botón, pero no funciona. Qué estoy haciendo mal ?

php:

 echo "<p id='campoCopiar' class='btn btn-warning btn-lg paginasTotales'>Páginas totales: <b>" . $paginasTotales . "</b></p>"; echo "<input id='oculto' name='oculto' type='hidden' value='" . $paginasTotales . "'>";

js:

 document.querySelector("#campoCopiar").addEventListener("click", function(){ var oculto = document.querySelector("#oculto").value; alert(oculto); });

La variable esta definida porque una linea arriba tengo otro codigo donde lo muestra y funciona correctamente.

La llamada al archivo js la tengo en la parte de abajo justo antes de la etiqueta de cierre del cuerpo