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
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.