variable in javascript not showing on html page using innerHTML -

i have form radio buttons , when click on submit calculates score (js variable). want display scores on page (profiel page). tried using innerhtml didn't show , error: uncaught typeerror: cannot set property 'innerhtml' of null. looked , found out innerhtml has in onload function. tried also, didn't work either. there maybe way this? or there in code isn't right? thank in advance!

here's code: quiz page:(ignore questions) call javascript function in submit button element.

<div class="content">   <div id="quiz_form">          <form action="<?php echo site_url("home/profiel"); ?>"  method="post" name="quizform">          maak de volgende quiz om je persoonlijkheidstype te bepalen: </br> <h2>quiz</h2> <p>extrovert (e) versus introvert (i)</p> <!--totaal:50%--> <p>vraag 1:</p> <input type="radio" id="e" name="e1" value="10." checked="checked">a) ik geef de voorkeur aan grote groepen mensen, met een grote diversiteit.<br> <input type="radio" name="e1" value="-10">b) ik geef de voorkeur aan intieme bijeenkomsten met uitsluitend goede vrienden.<br> <input type="radio" name="e1" value="000">c) ik zit er eigenlijk tussenin.  <p>vraag 2:</p> <input type="radio" name="e2" value="10." checked="checked">a) ik doe eerst, en dan denk ik.<br> <input type="radio" name="e2" value="-10">b) ik denk eerst, en dan doe ik.<br> <input type="radio" name="e2" value="000">c) ik zit er eigenlijk tussenin.  <p>vraag 3:</p> <input type="radio" name="e3" value="10." checked="checked">a) ik ben makkelijk afgeleid, met minder aandacht voor een enkele specifieke taak.<br> <input type="radio" name="e3" value="-10">b) ik kan me goed focussen, met minder aandacht voor het grote geheel.<br> <input type="radio" name="e3" value="000">c) ik zit er eigenlijk tussenin.  <p>vraag 4:</p> <input type="radio" name="e4" value="10." checked="checked">a) ik ben een makkelijke prater en ga graag uit.<br> <input type="radio" name="e4" value="-10">b) ik ben een goede luisteraar en meer een privé-persoon.<br> <input type="radio" name="e4" value="000">c) ik zit er eigenlijk tussenin.<br>  <div class="vraag"><p>vraag 5:</p> <input type="radio" name="e5" value="10." checked="checked">a) als gastheer/-vrouw ben ik altijd het centrum van de belangstelling.<br> <input type="radio" name="e5" value="-10">b) als gastheer/-vrouw ben altijd achter de schermen bezig om te zorgen dat alles soepeltjes verloopt.<br> <input type="radio" name="e5" value="000">c) ik zit er eigenlijk tussenin. </div> <p>intuitive (n) versus sensing (s).</p> <!--totaal: 50%--> <p>vraag 6:</p> <input type="radio" name="n1" value="12.50" checked="checked">a) ik geef de voorkeur aan concepten en het leren op basis van associaties.<br> <input type="radio" name="n1" value="-12.5">b) ik geef de voorkeur aan observaties en het leren op basis van feiten.<br> <input type="radio" name="n1" value="00000">c) ik zit er eigenlijk tussenin.  <p>vraag 7:</p> <input type="radio" name="n2" value="12.50" checked="checked">a) ik heb een groot inbeeldingsvermogen en heb een globaal overzicht van een project.<br> <input type="radio" name="n2" value="-12.5">b) ik ben pragmatisch ingesteld en heb een gedetailleerd beeld van elke stap.<br> <input type="radio" name="n2" value="00000">c) ik zit er eigenlijk tussenin.  <p>vraag 8:</8> <input type="radio" name="n3" value="12.50" checked="checked">a) ik kijk naar de toekomst.<br> <input type="radio" name="n3" value="-12.5">b) ik houd mijn blik op het heden gericht.<br> <input type="radio" name="n3" value="00000">c) ik zit er eigenlijk tussenin.<br>  <p>vraag 9:</p> <input type="radio" name="n4" value="12.50" checked="checked">a) ik houd van de veranderlijkheid in relaties en taken.<br> <input type="radio" name="n4" value="-12.5">b) ik houd van de voorspelbaarheid in relaties en taken.<br> <input type="radio" name="n4" value="00000">c) ik zit er eigenlijk tussenin.  <p>thinking (t) versus feeling (f)</p> <!--totaal:50%--> <p>vraag 10:</p> <input type="radio" name="t1" value="12.50" checked="checked">a) ik overdenk een beslissing helemaal.<br> <input type="radio" name="t1"  value="-12.5">b) ik beslis met mijn gevoel.<br> <input type="radio" name="t1" value="00000">c) ik zit er eigenlijk tussenin.<br>  <p>vraag 11:</p> <input type="radio" name="t2" value="12.50" checked="checked">a) ik werk het beste met een lijst plussen en minnen.<br> <input type="radio" name="t2" value="-12.5">b) ik beslis op basis van de gevolgen voor mensen.<br> <input type="radio" name="t2" value="00000">c) ik zit er eigenlijk tussenin.<br>  <p>vraag 12:</p> <input type="radio" name="t3" value="12.50" checked="checked">a) ik ben van nature kritisch.<br> <input type="radio" name="t3" value="-12.5">b) ik maak het mensen graag naar de zin.<br> <input type="radio" name="t3" value="00000">c) ik zit er eigenlijk tussenin.<br>  <p>vraag 13:</p> <input type="radio" name="t4" value="12.50" checked="checked">a) ik ben eerder eerlijk dan tactisch.<br> <input type="radio" name="t4" value="-12.5">b) ik ben eerder tactisch dan eerlijk.<br> <input type="radio" name="t4" value="00000">c) ik zit er eigenlijk tussenin.<br>  <p>judging (j) versus perceiving (p)</p> <p>vraag 14:</p> <input type="radio" name="j1" value="8.33330" checked="checked">a) ik houd van vertrouwde situaties.<br> <input type="radio" name="j1" value="-8.3333">>b) ik houd van flexibele situaties.<br> <input type="radio" name="j1" value="0000000">c) ik zit er eigenlijk tussenin.<br>  <p>vraag 15:</p> <input type="radio" name="j2" value="8.33330" checked="checked">a) ik plan alles, met een to-do lijstje in mijn hand.<br> <input type="radio" name="j2" value="-8.3333">b) ik wacht tot er meerdere ideeën opborrelen en kies dan on-the-fly wat te doen.<br> <input type="radio" name="j2" value="0000000">c) ik zit er eigenlijk tussenin.<br>  <p>vraag 16:</p> <input type="radio" name="j3" value="8.33330" checked="checked">a) ik houd van het afronden van projecten.<br> <input type="radio" name="j3" value="-8.3333">b) ik houd van het opstarten van projecten.<br> <input type="radio" name="j3" value="0000000">c) ik zit er eigenlijk tussenin.<br>  <p>vraag 17:</p> <input type="radio" name="j4" value="8.33330" checked="checked">a) ik ervaar stress door een gebrek aan planning en abrupte wijzigingen.<br> <input type="radio" name="j4" value="-8.3333">b) ik ervaar gedetailleerde plannen als benauwend en kijk uit naar veranderingen.<br> <input type="radio" name="j4" value="0000000">c) ik zit er eigenlijk tussenin.<br>  <p>vraag 18:</p> <input type="radio" name="j5" value="8.33330" checked="checked">a) het waarschijnlijker dat ik een doel bereik.<br> <input type="radio" name="j5" value="-8.3333">b) het waarschijnlijker dat ik een kans zie.<br> <input type="radio" name="j5" value="0000000">c) ik zit er eigenlijk tussenin.<br>  <p>vraag 19:</p> <input type="radio" name="j6" value="8.33330" checked="checked">a) "all play , no work maakt dat het project niet afkomt."<br> <input type="radio" name="j6" value="-8.3333">b) "all work , no play maakt je maar een saaie pief."<br> <input type="radio" name="j6" value="0000000">c) ik zit er eigenlijk tussenin.<br>  </br> <button type="submit" id="submit" value="submit" name="submitquiz" onclick="loopform(document.quizform)"> naar profiel</button>         </form>     </div> </div> 

javascript code:

function loopform(form) {     var radioresults="";     var persoonlijkheidstype; (var = 0; < form.elements.length; i++ ) {     if (form.elements[i].type == 'radio') {             if (form.elements[i].checked == true) {                 radioresults += form.elements[i].value + ' ';             }         }         }  var ei_resultaatstring = radioresults.slice(0,19).split(" "); var e_resultaat = ei_resultaatstring.map(number).reduce(adde,50); var totaal = 100; function adde(a, b) {     return + b; } var i_resultaat = 100 - e_resultaat;  var ns_resultaatstring = radioresults.slice(20,43).split(" "); var n_resultaat = ns_resultaatstring.map(number).reduce(addn,50);  function addn(a, b) {     return + b; } var s_resultaat = 100 - n_resultaat;  var tf_resultaatstring = radioresults.slice(44,67).split(" "); var t_resultaat = tf_resultaatstring.map(number).reduce(addn,50);  function addn(a, b) {     return + b; } var f_resultaat = 100 - t_resultaat;  var jp_resultaatstring = radioresults.slice(68,117).split(" "); var j_resultaat = jp_resultaatstring.map(number).reduce(addt,50);  function addt(a, b) {     return + b; } var p_resultaat = 100 - j_resultaat;  if(e_resultaat > i_resultaat && n_resultaat > s_resultaat && t_resultaat > f_resultaat && j_resultaat > p_resultaat){     var type = "e(" + e_resultaat +"%)" + " n(" + n_resultaat + "%)" + " t(" + t_resultaat +"%)" + " j(" + j_resultaat + "%)";    document.getelementbyid('persoon').innerhtml = type; } } 

profiel page (where score display)

<div class="content">     <h2>u bent geregistreerd!</h2>     je bent een<p id="persoon"></p> </div> 

de easiest solution sessionstorage can set points as;

var uitslag = 100; // example sessionstorage.setitem('punten', puntenvar);

and on profile page can do;

sessionstorage.getitem("punten")

https://developer.mozilla.org/en-us/docs/web/api/window/sessionstorage