Question

I inserted the values in my html form. Even after successful insertion of data, its not visible in Developers Tools of chrome. Should I check for some setting or is there any cache problem with my browser. My database and tables are created but my values are not getting inserted. I am providing my code below.

$(document).ready(function() {

     var db = openDatabase("todolist", 1.0, "To Do List Database", 100 * 1024);
     db.transaction(function(transaction) {
         transaction.executeSql("CREATE TABLE IF NOT EXISTS list(" + "ID INTEGER PRIMARY KEY ASC," + " name TEXT NOT NULL," + " description TEXT," + " due DATETIME," + " start DATETIME);", []);
     });

     $("#submit").click(function() {
         var name = $("#taskname").val();
         //alert(name);
         var desc = $("#taskdesc").val();
         //alert(desc);
         var due = $("#taskdue").val();
         //alert(due);
         var start = $("#taskstart").val();
         //alert(start);
         db.transaction(function(transaction) {
             var sql = "INSERT INTO list(name,description,due,start )VALUES(?,?,?,?)";
             transaction.executeSql(sql, [name, desc, due, start], function() {

                 alert("Values Inserted")
             }, error);
         });
     });

     function error(transaction, err)

     {
         alert("DB error : " + err.message);
         return false;
     }
 });

Answer 1

var x = {};
x.web = {};
db= null;
x.web.open=function()
{
    //alert("hiiii")
    db= openDatabase("amith",1.0,"To Do List Database",100*1024);
}
x.web.create=function()
{
    var data=db;
    //alert(data)
    data.transaction(function(transaction){
    transaction.executeSql(
    "CREATE TABLE IF NOT EXISTS type("+
    "ID INTEGER PRIMARY KEY ASC,"+
    " name TEXT NOT NULL,"+
    " description TEXT,"+
    " due DATETIME,"+
    " start DATETIME)");
    });

}
x.web.addTodo = function(name,desc,due,start) 
    {
        var data1 = db;
        data1.transaction(function(tx){
        var sql="INSERT INTO     
   type(name,description,due,start)VALUES(?,?,?,?)";
        tx.executeSql(sql,[name,desc,due,start],function(){
        //alert("Values Inserted")
        },error);
        });
    }
 function error (transaction, err) 

    {
        alert ("DB error : " + err.message);
        return false;
    }

function init()
{
    x.web.open();
    x.web.create();
}
 function addTodo() 
{
    //alert("toodod")
    var name = document.getElementById("taskname").value;
    var desc= document.getElementById("taskdesc").value;
    var due= document.getElementById("taskdue").value;
    var start=document.getElementById("taskstart").value
    //alert(name);
    x.web.addTodo(name,desc,due,start);
}