几个月之后,我对Javascript还是陌生的。实质上,我正在尝试为一个课程制作一个基于在线的简单共享购物清单。我可以添加到数据库中,也可以将项目显示为列表,现在我的问题是如何删除。我已经给按钮赋予了它们作为ID附加到的数据库条目的键,希望它能起作用,但是我找不到使用ID的方法。如您所见,我一直在测试是否可以通过console.log键来对其进行测试,但到目前为止还没有运气。我看过十二个视频并尝试了十个指南,希望您能对我有所帮助。当我单击按钮时,如何删除数据库中的相应条目?抱歉,该代码有点混乱,目前,它主要是与旧代码和指南捆绑在一起的。
var database = firebase.database();
var ref = database.ref('Varer');
ref.on('value', gotData, errData);
function gotData(data){
document.getElementById('Liste').innerHTML = "";
var kbdt = data.val();
var keys = Object.keys(kbdt);
for (var i = 0; i < keys.length; i++){
var k = keys[i];
var kob = kbdt[k].varer;
var btn = document.createElement('button');
var btnText = document.createTextNode('Done')
var opg = document.createElement('li');
var opgnvn = document.createTextNode(kob);
opg.appendChild(opgnvn);
btn.appendChild(btnText);
opg.appendChild(btn);
opg.setAttribute('id', k);
opg.setAttribute('class', 'button');
document.getElementById('Liste').append(opg);
btn.addEventListener('click', function(){
deleteTask(this.id)});
}
}
function errData(err){
console.log('error!');
console.log(err);
}
function deleteTask(id) {
console.log(id);
}
function Indkob() {
var nyVare = document.getElementById('tilfoj').value;
document.getElementById('Liste').innerHTML = "";
var data = {
varer: nyVare
}
var result = ref.push(data);
console.log(result.keys);
}