HTML 5 LocalStorage Example

HTML 5 LocalStorage Example with some console logging Kind of simple example

by ian_smithz

HTML

<section>
    <article>
        Web Storage example:
        <br />
        <div id="dd"></div>
        <br />
        Value
        <input type="text" id="tt" />
        <input type="button" id="bb" value="Save Text to Local Storage" />
    </article>
</section>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

JavaScript

console.log("start log");

    $("#bb").click(function () {
        SaveToLocalStorage();
    });

    function SaveToLocalStorage(){
        var vv = $("#tt").val();
        localStorage.setItem('LocalStorageKey', vv);
        RetrieveFromLocalStorage();
    }

    function RetrieveFromLocalStorage() {
        var retrivedValue = 'None';
        var retrivedValue = localStorage.getItem('LocalStorageKey', retrivedValue);
        $("#dd").text(retrivedValue);
    }