How do I place a variable from a javascript file in to an element in an HTML file?

Question

I have created a simple quiz in an HTML-document, and I want to display the score in another HTML-document. How do I place a variable from a script file to an element in an HTML file?

This is my Javascript code, with most of the if-statemnts edited out (they are all the same):

var score = 0;

function start(){
    if (document.getElementById('radio13').checked){
        score ++;
    }
    if (document.getElementById('radio23').checked){
        score ++;
    }
    var finalscore = score *10;
    var results = "Your score is: " + finalscore + " %.";
    window.location.replace("quizresults.html");
    document.getElementById('presult').innerHTML = results;
}

The new page loades, but it is empty. This is the HTML-code for the result-page where I wish to add the score:

<div id="main">
        <p id="presult"></p>
</div>

You can only modify the current document via JavaScript. You could pass the value via the URL and read the value from URL with JavaScript in quizresults.html. — Felix Kling
– Felix Kling, Commented Dec 15, 2014 at 23:30

Tomaski · Accepted Answer · 2014-12-15 23:36:36Z

1

by using window.location.replace you're pointing your browser to a new, different page. As such, the last line of your code will not be executed.

To achieve your goal, use XMLHttpRequest

answered Dec 15, 2014 at 23:36

Tomaski

5173 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ian Hazzard · Accepted Answer · 2014-12-15 23:45:29Z

0

Here's how you can do it using a JavaScript query string.

On your page with the radio buttons, use this:

var score = 0;

function start(){
    if (document.getElementById('radio13').checked){
        score ++;
    }
    if (document.getElementById('radio23').checked){
        score ++;
    }
    var finalscore = score *10;
    var results = "Your score is: " + finalscore + " %.";
    window.location.replace("quizresults.html?" + finalscore);
}

Then you need this JavaScript code on the result page:

var finalscore = window.location.search.slice(1);
var results = "Your score is: " + finalscore + " %.";
document.getElementById('presult').innerHTML = results;

answered Dec 15, 2014 at 23:45

Ian Hazzard

7,7688 gold badges37 silver badges61 bronze badges

2 Comments

Magsen85 Over a year ago

That worked. I had to try it a few times, but once I plased it in the <body>, beneath 'presult' it worked just fine.

Ian Hazzard Over a year ago

Good. I'm glad I could help.

Collectives™ on Stack Overflow

How do I place a variable from a javascript file in to an element in an HTML file?

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related