Estou fazendo um sistema, segui todos os passos para inserir os dados na tabela usando o sqlite, mas quando vou para a Application na parte de inspecionar o elemento do browser o banco continua vazio. Também gostaria de saber o que fazer no código para que uma imagem seja inserida...
JS com sqlite:
var db = openDatabase("Meubanco", "3.0", "Mybase", 6000);
db.transaction(function(criar){
criar.executeSql("CREATE TABLE granjas (codigo PRIMARY KEY, nome TEXT, email TEXT, cnpj TEXT)")
});
function cadastrar(){
var codigo = document.getElementById("codigo").value;
var nome = document.getElementById("nome").value;
var email = document.getElementById("email").value;
var cnpj = document.getElementById("cnpj").value;
db.transaction(function(armazenar){
armazenar.executeSql("INSERT INTO granjas (codigo, nome, email, cnpj) VALUES (?,?,[email protected],?)", [codigo, nome, email, cnpj]);
});
alert("Granja " + document.getElementById("nome").value + " Cadastrada!");
};
HTML
<form onsubmit="cadastrar();">
<div class="form-group">
<label>Código</label>
<input type="text" class="form-control" id="codigo" placeholder="codigo">
</div>
<div class="form-group">
<label>Nome</label>
<input type="text" class="form-control" id="nome" placeholder="nome">
</div>
<div class="form-group">
<label for="exampleInputEmail1">Endereço de email</label>
<input type="email" class="form-control" id="email" aria-describedby="emailHelp" placeholder="email">
</div>
<div class="form-group">
<label>CNPJ</label>
<input type="text" class="form-control" id="cnpj" placeholder="cnpj">
</div>
<form>
<div class="form-group">
<label for="exampleFormControlFile1">Insira uma imagem da granja<small id="emailHelp" class="form-text text-muted">Ação Opcional.</small></label>
<input type="file" class="form-control-file" id="imagem_da_empresa"/>
</div>
</form>
<button type="button" class="btn btn-primary" onclick="cadastrar();">Cadastrar</button>
Creio que esteja bem claro o que estou tentando fazer... Alguém sabe onde está o erro?