I have this function:
function event_erase_nota (){
document.addEventListener('click', (e)=> {
let elementParent = e.target.parentNode;
if (elementParent.className == 'delete'){
id = elementParent.parentNode.id;
console.log(id)
erase_nota(id)
}
})
}
event_erase_nota()
Detect when a div with the class 'delete' is clicked and call the function erase_nota that is on other archive.
function erase_nota (id) {
const request = indexedDB.open("noto", 1);
request.onsuccess = (event) => {
var db = event.target.result;
let trx = db.transaction("nota", "readwrite");
let request = trx.objectStore("nota").delete(id);
trx.oncomplete = function () {
console.log("Nota eliminada")
db.close();
}
}
}
But the note stores in the data base doesn't get erased! When I call the function 'erase_nota(someId)' in the console works fine.
What's wrong?
The problem was the type of the variable id:
if (elementParent.className == 'delete'){
id = elementParent.parentNode.id;
console.log(id)
erase_nota(id) //
I checked the typeof id and was a string, so I convert it to Number,
if (elementParent.className == 'delete'){
id = elementParent.parentNode.id;
console.log(id)
erase_nota(Number(id))
Now it works!
Try:
let trx = db.transaction(["nota"], "readwrite");