Hur man tilldelar värdet från <div id="heading"></div> till en bokstav?

Jag har en GPS program och vill att med grader ska visas också en bokstav - N, NE, E, SE och så vidare.
Anta att dokument.getElementById ("exempel"). InnerHTML = txt; ."exempel" tar txt värdet och sedan kommer det att visas med <div id="exampel"></div>. Frågan är hur man gör motsatsen. Det vill säga z (till exempel) ska ha värdet av <div id = "example"></div>.
Tackat för hjälpen

@zaibuf:
I en js fil har jag:
k("heading").innerText = (b.getHeading() * 57.2957795).toFixed(1),
I html fil har jag:
Heading (kurs): <code id="heading class="distance"></code><code id="example" class="distance"></code>

<script type="text/javascript">
$(document).ready(function() {
var txt = "";

if (z <= 22.5) {
txt += "N";
} else if (z < 67.5) {
txt += "NE";
} else if (z <= 112.5) {
txt += "E";
} else if (z < 157.5) {
txt += "SE";
} else if (z <= 202.5) {
txt += "S";
} else if (z < 247.5) {
txt += "SW";
} else if (z <= 292.5) {
txt += "W";
} else if (z < 337.5) {
txt += "NW"
} else if (z < 360.5) {
txt += "N";
}

document.getElementById("example").innerHTML = txt;

});
</script>
Nu vill jag att z ska ha "heading" värde för att till slut visa vid grader också bokstav N eller annat.

@zaibuf: Hej
Tyvärr det funkade inte. Fast den visar hela tiden bokstav N. Har du annan ide?
Du tolkar rätt.
MVH
Valentin

@zaibuf: Nu har jag stäng som du sa men det hjälpte inte. Har du nån ide?

@NisseG91: Nej, det är samma sak fast N försvann.

@Valentin1: Om jag tilldelar z värdet för hand - tex var z = 2;, document.getElementById("example").innerHTML = txt; fungerar som det skulle.

@Valentin1: Det tog lite tid men jag fick ingenting.

@zaibuf: ok tackar

@Valentin1: Ditt const z = document.querySelector("#heading").innerHTML; är ok. Nu måste jag hitta varför funkar det inte med mitt k("heading").innerText = (b.getHeading() * 57.2957795).toFixed(1).

@zaibuf:Hej
För test har jag lagt till js filen: k("heading3").innerText = 133 och tilldelade z alla form av "heading3" i HTML filen. Men det blev inget. Om du vill du kan titta på filen på: szukaj-trasy.com/test.htm
Längst ner hämtas två filer:
<script src="geolocation/common.js"></script>
<script src="geolocation/geolocation_test.js"></script> för att GPS ska fungera.
För att se vad som händer måste man titta med mobilen och GPS inkopplad.
MVH
Valentin

@zaibuf: Hej
Filen common.js är väldigt stort - 700 kb.
Här filen geolocation_test.js:

(window.webpackJsonp = window.webpackJsonp || []).push([[45], { 271: function(e, n, t) { "use strict"; t.r(n); var a = t(20), c = t(170), r = t(1), o = t(0), i = t(386), s = t(26), u = t(3), g = t(18), w = t(4), d = t(13), l = t(70), m = t(218), y = t(74), p = t(73), f = new o.a({ center: [921371.9389, 6358337.7609], zoom: 5 }), h = new r.a({ layers: [new u.a({ source: new w.b })], target: "minmap", controls: Object(i.a)({ attributionOptions: { collapsible: !1} }), view: f }), b = new c.a({ trackingOptions: { enableHighAccuracy: !0 }, projection: f.getProjection() }); function k(e) { return document.getElementById(e) } k("track").addEventListener("change", function() { b.setTracking(this.checked) }), b.on("change", function() { k("accuracy").innerText = b.getAccuracy().toFixed(1) + " [m]", k("altitude").innerText = b.getAltitude().toFixed(1) + " [m]", k("altitudeAccuracy").innerText = (b.getAltitudeAccuracy() * 1).toFixed(1) + " [m]", k("heading").innerText = (b.getHeading() * 57.2957795).toFixed(1) + " [\u00b0]", k("heading3").innerText = 133, k("speed").innerText = (b.getSpeed() * 3.6).toFixed(1) + " [km/h]" }), b.on("error", function(e) { var n = document.getElementById("info"); n.innerHTML = e.message, n.style.display = "" }); var v = new a.a; b.on("change:accuracyGeometry", function() { v.setGeometry(b.getAccuracyGeometry()) }); var A = new a.a; A.setStyle(new l.c({ image: new m.a({ radius: 6, fill: new y.a({ color: "#3399CC" }), stroke: new p.a({ color: "#808080", width: 1 }) }) })), b.on("change:position", function() { var e = b.getPosition(); A.setGeometry(e ? new s.a(e) : null) }), new g.a({ map: h, source: new d.b({ features: [v, A] }) }) } }, [[271, 0]]]);
//# sourceMappingURL=geolocation.js.map

Biten k("heading3").innerText = 133, har jag skapad enbart för testen. k är för att "heading3" ska kunna visas i HTML filen. Frågan är att tilldela värdet av id="heading" till bokstav z. Jag är nära med:
var heading3 = document.getElementById('heading3').innerHTML;
var z = heading3.innerHTML;
Men ändå z vill inte ha värdet av heading3.
MVH
Valentin

@zaibuf: Med biten: let z = document.getElementById('heading3').innerHTML; z får värdet 0 (bokstav N). Kan du ge ett exempel på ditt sist nämnda?