Home/ Questions/Q 8520945
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T06:40:32+00:00

I am trying to get some html5 localstorage working but with no luck. It’s

  • 0

I am trying to get some html5 localstorage working but with no luck.

It’s not saving and when I click the “Click to Save” link I don’t get the alert on the function.

I’m I forgetting something here?

Here’s the full code below:

<html>
<head>
<title></title>
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

<script>
$(document).ready(function(){

loaddata(); //Load the saved data

function loaddata() {
    $('#mydiv').val(localStorage.mydata);

}


function savedata() {
    localStorage.mydata = $('#mydiv').val();
    alert('Data Saved!'); //This is not showing up
} 


});
</script>
</head>
<body>

<a href="#" onclick="savedata();">Click to Save</a>

<table>
    <tr>
        <td id="mydiv">0</td>
    </tr>
</table>

</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can’t access savedata from the onclick handler of your link, because it’s wrapped in the document.ready call.

    Either move savedata out of the document.ready or use jQuery to attach the click handler directly to the element.

    $(document).ready(function() {

    loaddata(); //Load the saved data

    function loaddata() {
        $('#mydiv').html(localStorage.mydata);

    }
});

function savedata() {
    localStorage.mydata = $('#mydiv').html();
    alert('Data Saved!'); //This is not showing up
}

    Or the other way

    <a href="#" id="savebtn">Click to Save</a>

$("#savebtn").click(function() {
    localStorage.mydata = $('#mydiv').val();
    alert('Data Saved!'); //This is not showing up
});

    Here is a jsFiddle that fixes your errors, including trying to use .val() on a td element. It also changes the data to different values you can see if it is working or not.

    • 0