btn.addEventListener('click',function(e){
add();
e.preventDefault();});function add(){if(document.getElementById("inb").value===""){// التحقق من ما إذا أدخلت قيمة في الحقل أو لا }else{// جلب القيمة المدخلة في الحقل
val= document.getElementById("inb").value;
tasks.push(val);
console.log(tasks);// حفظ القيمة في التخزين المحلي
window.localStorage.setItem("value",tasks);
let x=window.localStorage.getItem('value');
console.log(x);
let len = x.split(",").length;
console.log(len);
let task=tasks[len-1];
let mydiv = document.createElement('div');
mydiv.setAttribute('id',`my-div${len-1}`);
let but = document.createElement('button');
but.setAttribute('id',len-1);
but.style.cssText="position: relative;background-color: #d71a0c;color: antiquewhite;border: 0cm;height: 25px;border-radius: 5px;cursor: pointer;left: -31px;top: 14px;width: 62px;"
let textbut= document.createTextNode("delete");
but.appendChild(textbut);
mydiv.style.cssText="background-color: white;width: 179px;height: 25px;top: -12px;position: relative; left: -108px;border: 0cm;border-radius: 4px; direction: ltr;text-indent: 5px;"
mydiv.append(task);
taskform.append(but);
taskform.append(mydiv);
console.log(tasks);
but.onclick=function(){
let newarr=x.split(",");
let spliced=newarr.splice(len-1,1);
window.localStorage.setItem('value',newarr);
mydiv.remove();
but.remove();}}}
ألاحظ أن حدث النقر على الزر but يعمل حتى عندما لايكون أي حدث إضافة لماذا وهي مرتبطة بحدث النقر على الزر btn ?
السؤال
Mohamed Lamin Mahmoudi
ألاحظ أن حدث النقر على الزر but يعمل حتى عندما لايكون أي حدث إضافة لماذا وهي مرتبطة بحدث النقر على الزر btn ?
رابط هذا التعليق
شارك على الشبكات الإجتماعية
10 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.