event.keyCode

Bare for at komme igang har jeg selv følgende udgangspunkt, men jeg ved simpelthen ikke hvordan tingene hænger sammen. hvordan jeg får de værdier fra et sted i body op i header

Hvorfor udskriver du ikke bare værdierne i headeren hvor de skal bruges i stedet for nede i body?

Det kan jeg også, men jeg vil gerne vide hvordan man ellers gør.

Det findes der ingen endelig konklusion på - det afhænger helt af dine data og brugsscenariet ellers. Du kunne fx definerer nogle variabler i head og som du tildelte en værdi i body eller du kunne indsætte nogle hidden formfelter du vha querySelector hev value ud på.

okay jeg troede der var noget smartere, jeg havde selv tænkt på hidden formfelter.

men er koden ellers rigtig? hvis du ser bort fra det i body?

jeg har aldrig brugt addeventlistener før

Nej - det ser lidt skævt ud. Enten vil det være tilstrækkeligt med

window.addEventListener('keydown', function () {
    //gør noget
});

eller også, hvis din funktion er noget reelt, skal du nok skrive

en_funktion(værdi1,værdi2) {
    //gør noget
}

window.addEventListener('keydown', function () {
    en_funktion(værdi1,værdi2);
});

Generelt er det ret godt beskrevet fx her https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

Som sagt kan der sagtens findes andre måder at løse dit oprindelig spørgsmål på, fx at værdierne først hentes ved klik altså via Ajax eller de kan lægges som data-attributter på et element - det afhænger helt af brugsscenariet.