[NSFW] de code in function.php om JS aan te sluiten op custom page werkt niet?

Hallo,
ik heb javascript code in mij footer.php om de header positie te veranderen wanneer wordt naar beneden gescrolld. het werkt perfect behalve op custom contact.php page.
ik heb na veel zoeken deze code gevonden in google om javascript op een specifieke pagina aan te sluiten.
de code is :

function wpb_hook_javascript() {
if (is_single (‘5’)) {
?>
<script type=”text/javascript”>
// your javscript code goes here
</script>
<?php
}
}
add_action(‘wp_head’, ‘wpb_hook_javascript’);`

nu ik heb deze code aangepast in mij function.php met contact pagina ID 16
de code is geworden

function auto_garage_hook_javascript() {
if (is_single (’16’)) {
?>
<script type=”text/javascript”>
// your javscript code goes here

const header = document.querySelector(‘header’);

window.addEventListener(‘scroll’, () => {
if (window.scrollY > 24) {
header.classList.add(‘change’);
change.style.display = ‘initial’;
change.style.marginTop = ‘-104px’;
}

else {
header.classList.remove(‘change’);
change.style.display = ‘none’;
}
})

</script>
<?php
}
}
add_action(‘wp_head’, ‘auto_garage_hook_javascript’);

`
maar het werkt niet wanneer ik ga naar contact pagina en scrol naar beneden de functie werkt niet.
weet mischien iemand wat het kan de probleem zijn met deze code?
als is echt noodzakelijk ik kan hele code in function.php paste hier.
dank u wel

De pagina waar ik hulp bij nodig heb: [log in om de link te zien]