Untitled

<!DOCTYPE html>
<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript">
            function set() {
                var db;
                var request;
                var store;

                var username = document.getElementById("username");
                var password = document.getElementById("password");
                var email = document.getElementById("email");
                var interest = document.getElementById("interest");
                var newuser = {
                        "username": username.value,
                        "password": password.value,
                        "email": email.value,
                        "interest": interest.value
                };
                var indexedDB = window.indexedDB || window.webkitIndexedDB ||window.mozIndexedDB;
                if ('webkitIndexedDB' in window) {
                    window.IDBTransaction = window.webkitIDBTransaction;
                    window.IDBKeyRange = window.webkitIDBKeyRange;
                }
                request = indexedDB.open("userdb",1);
                request.onerror = function(event) {
                    alert("Error Code:" + event.target.errorCode);
                };
                request.onsuccess = function(event) {

                    if(username.value==""||password.value==""||email.value==""||interest.value==""){
                        alert("Incomplete information");
                    }else{
                        db=event.target.result;
                        var transaction = db.transaction(["user"], "readwrite");
                        var objectStore = transaction.objectStore("user");
                        objectStore.add(newuser);
                        alert("Success");
                    }
                };
                request.onupgradeneeded = function(event) {
                    db = event.target.result;
                    store = db.createObjectStore("user", {keyPath: "username",autoIncrement: false});
                };
            }
        </script>
    </head>

    <body>
        <h3>
            Register
        </h3>
        <form>
            <p>
                Username
                <input type="text" id="username" />
            </p>
            <p>
                Password
                <input type="password" id="password" />
            </p>
            <p>
                Email
                <input type="email" id="email" />
            </p>
            <p>
                Interest
                <input type="text" id="interest" />
            </p>
            <p>
                <input type="submit" value="register" onclick="set();" />
            </p>
        </form>
    </body>

</html>