-
المساهمات
12 -
تاريخ الانضمام
-
تاريخ آخر زيارة
نوع المحتوى
ريادة الأعمال
البرمجة
التصميم
DevOps
التسويق والمبيعات
العمل الحر
البرامج والتطبيقات
آخر التحديثات
قصص نجاح
أسئلة وأجوبة
كتب
دورات
أجوبة بواسطة Oday Qsrawi
-
-
اريد ان يظهر لي ALERT بعد الضغط على اي تاغ من نوع (i) ,, مع العلم انني استخدم JS HTML DOM لخلقها كما هو موضح بالjs
HTML
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="pro2.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"> <!-- @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"); --> <!-- <i class="bi bi-x-square-fill"></i> --> </head> <body> <div id="parent"> <div id="up"> <i class="bi bi-x-square-fill" id="ii"></i> <h1>Add New Task</h1> <input type="text" id="addinput" placeholder="New Task"> <div id="bdiv"> <button onclick="newTask()">Add task</button></div> </div> <div id="down"> <h1>Filter Tasks</h1> <input type="text" id="filter" placeholder="filter Tasks"> </div> <div id="tasks"> <h2>List Of Tasks</h2> </div> <button class="zz">Clear tasks</button> </div> <script src="pro2.js"></script> </body> </html>
JS
let id=0; const tasks=document.getElementById('tasks'); function newTask(){ id++; let v1=document.getElementById("addinput").value; localStorage.setItem(id,v1); //new div in tasks let newdiv=document.createElement('div'); tasks.appendChild(newdiv); newdiv.setAttribute("id", "task"); //new h1 in newdiv let newh3=document.createElement('h3'); let newtext=document.createTextNode(localStorage.getItem(id)); newh3.appendChild(newtext) newdiv.appendChild(newh3); newh3.setAttribute("id", "h3"); //new i in newdiv let newi=document.createElement('i'); newdiv.appendChild(newi); newi.setAttribute("class", "bi bi-x-square-fill"); } document.querySelectorAll("i").addEventListener("click",icon) function icon(){ alert('are u shure'); // const newicon=document.getElementById('bi'); // newicon.parentNode.removeChild(newicon); }
- 1
-
لماذا عند عمل arrow function نجعل العنصر const
- 1
-
استخدام أحدث أدوات التطوير: Bootstrap 4 و jQuery و Sass
التعامل مع خدمة استضافة المشاريع البرمجية GitHub و GitLab
نشر صفحات الموقع على الإنترنت
لم اجد sass او bootsrapاو GitHub و GitLabاو كيف ننشر صفحات الموقع على الإنترنت- 1
كيف يمكن مقارنة string مع multiple string بإستخدام JS
في جافا سكريبت
نشر
كيف يمكنن مقارنة النص الموضع داخل INPUT مع H3 موجود داخل DIV موجود داخل DIV ,,, جربة استخدام FOR..IN للمرور على كل H3 موجودة وطلعلي ERROR (ncaught TypeError: Cannot read property 'childNodes' of undefined)
HTML
JS