Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Example</title>
</head>
<body>
<script>
  (function() {
    "use strict";
    // Get the array from local storage. If we've never stored
    // an array before, `localStorage.theArray` will be
    // `undefined`, so we use || "[]" to parse a blank array.
    var theArray = JSON.parse(localStorage.theArray || "[]");
​
    // Show its contents
    showArray("Array from local storage:", theArray);
​
    // Add a random number to the end
    theArray.push(Math.floor(Math.random() * 10));
​
    // Save the array
    localStorage.theArray = JSON.stringify(theArray);
​
    // Show what we saved to local storage
    showArray("Array we saved to local storage:", theArray);
​
    display("Now hit refresh and you'll see the stored copy has the number we added.");
​
    function showArray(msg, a) {
      display(msg + " (" + a.length + ")");
      a.forEach(function(entry, index) {
        display(index + ": " + entry);
      });
    }
    
    function display(msg) {
      var p = document.createElement('p');
      p.innerHTML = String(msg);
      document.body.appendChild(p);
    }
  })();
</script>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
tjcrowderpro
0viewers