counting result in javascript

Question

i'm trying to make a drag and drop quiz, each question is on a different html page and i need to get the result so i made a javascript in an external javascript file it worked on 1 html page but it doesn't on multiple pages, like .. the function is resetting itself. i'm so not pro in programming so here's the counter js.js file

var count=0; 
function fun() {
  count=count+1;

}

function result(){
    document.write("your mark is " + count + " from 9")

}

and here's the code in the other pages .. i made 3 just to test it

 if ( slotNumber == cardNumber ) {
    ui.draggable.addClass( 'correct' );
    ui.draggable.draggable( 'disable' );
    $(this).droppable( 'disable' );
    ui.draggable.position( { of: $(this), my: 'left top', at: 'left top' } );
    ui.draggable.draggable( 'option', 'revert', false );
    correctCards++;
    fun();
  }

so how can i call it on a different pages without having it reset itself ?

Possible duplicate of Passing javascript variables between pages — JJJ
– JJJ, Commented Feb 24, 2016 at 13:20
@JanDvorak it's a drag and drop quiz and i'm gonna call an audio on each page .. it's gonna be a mess if i put all of it on one page — Dee994
– Dee994, Commented Feb 24, 2016 at 13:27

John Dvorak · Accepted Answer · 2016-02-24 13:27:16Z

2

localStorage.setItem("count",count);

then you can call it from different pages with

var count= localStorage.getItem("count");

edited Feb 24, 2016 at 13:27

John Dvorak

27.4k13 gold badges73 silver badges86 bronze badges

answered Feb 24, 2016 at 13:17

Cagri Tacyildiz

17.7k6 gold badges38 silver badges61 bronze badges

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

Comments

Viktor Kukurba · Accepted Answer · 2016-02-24 13:21:17Z

1

You can use localStorage to store count value for all pages of same domain.

function fun() {
  var count = localStorage.getItem("count") || 0;
  localStorage.setItem("count", ++count);
}

function result() {
  document.write("your mark is " + (localStorage.getItem("count") || 0) + " from 9")
}

answered Feb 24, 2016 at 13:21

Viktor Kukurba

1,3709 silver badges14 bronze badges

1 Comment

Dee994 Over a year ago

sir do you have any idea how can i insert the value of count after using the local storage into the database ? and thank you very much it worked perfectly

Neil · Accepted Answer · 2016-02-24 13:19:47Z

0

Try this. This will remember count for you for successive page loads (unless your browser does not support it, in which case it will reset to 0 on page load).

function lstorage(key, val) {
    if(typeof(Storage) !== "undefined") {
        if(typeof(val) !== "undefined") {
            localStorage.setItem(key, val); 
        } else {
            return localStorage.getItem(key);
        }
    }
}

var count=lstorage("savedCount") || 0; 
function fun() {
    count++;
    lstorage("savedCount", count);
}

answered Feb 24, 2016 at 13:19

Neil

5,79727 silver badges37 bronze badges

2 Comments

John Dvorak Over a year ago

Is there still a browser out there with no localStorage support?

Neil Over a year ago

@JanDvorak Probably not, but it can't hurt to check, right?

I wrestled a bear once. · Accepted Answer · 2016-02-24 13:23:03Z

0

Here's an example with cookies.

// Set a cookie
function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = cname + "=" + cvalue + "; " + expires;
} 

// Get a cookie
function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1);
        if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
    }
    return "";
}

Source

answered Feb 24, 2016 at 13:23

I wrestled a bear once.

23.5k20 gold badges74 silver badges122 bronze badges

Comments

Dropout · Accepted Answer · 2016-02-24 13:26:24Z

If the website uses only HTML and JavaScript, then the best choice would probably be to use cookies or local storage.

For example with cookies at the beginning of the test you would create an empty cookie to which the answers would be stored. The format is up to you, but I like to use JSON-like structure for everything, so I'd do the following:

Create a function to get your desired cookie:

function getAnswers(){
    var cookies = document.cookies;
    for(var i=0; i<cookies.length; i++){
        if(cookies[i].split("=")[0] == "answers"){
            return cookies[i].split("=")[1];
        }
    }
    return null;
}

On start of the test:

document.cookie="answers=[]";

On each answer:

var answers = JSON.parse(getAnswers());
answers.push({
    "question": questionNumber, //the id of the question
    "answer": pickedAnswer //what user selects
});
document.cookie("answers=" + JSON.stringify(answers));

In the end upon executing getAnswers() you will end up with an array of objects holding information about every submitted answer. For example

[
    {"1": "A"},
    {"2": "D"},
    {"3": "C"},
    {"4": "B"}
]

Collectives™ on Stack Overflow

counting result in javascript

5 Answers 5

Comments

1 Comment

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related