My code

public unlisted text v1 · immutable
#3211127
·published 2015-10-22 06:25 UTC
HTML:

<!DOCTYPE HTML>
<html lang="en-us">
<head>
	<meta charset="utf-8">
	<title>The Greasy Grandma</title>
    <link href="css/theme1.css" rel="stylesheet" type="text/css" id="sheet1">
    <script src="js\jquery.js"></script>
</head>
<body>
    <header></header>
    <main>
        <input type="button" id="theme1" class="theme">
        <input type="button" id="theme2" class="theme">
    </main>
    <footer>
        my footer
        <script type="text/javascript" src="js\events.js"></script>
        <script type="text/javascript" src="jquery.js"></script>
    </footer>
</body>
</html>

$(document).ready(function(){
    cssTag = setThemeFromStorage();
     if(theme) {
       $('head').append(cssTag);
     }
});

function setThemeFromStorage function(){

    if($(this)[0].id){

        //get storage
        localStorage.getItem('themeClass');
        //alternately 
        var thisTheme = $(this)[0].id;

        applyTheme(thisTheme);  
 
    } else {

        //set default theme here
        var thisTheme = "style-2";
        localStorage.setItem('cssFileName', thisTheme);
    }

    return createCssThemeTag();

}

function createCssThemeTag(thisTheme){
     return "css/" + thisTheme + ".css";
}