اذهب إلى المحتوى

عابر سبيل2

الأعضاء
  • المساهمات

    10
  • تاريخ الانضمام

  • تاريخ آخر زيارة

كل منشورات العضو عابر سبيل2

  1. سؤال أخير استاذ كيف استطيع اجراء عمليات حسابية على المدخلات بحيث اجمع الساعات مع الساعات والدقائق مع الدقائق بارك الله فيك أستاذ ويجزيك ألف خير عن هذا المجهود
  2. الله يبارك فيك يا أستاذ ويجزيك الخير
  3. لدي هذا الكود <input type="time" id= "timeSyart> كيف احصل على ال(value) واضعها في متغير يعني عندما يختار المستخدم وقت اريد أخذ قيمة هذا الوقت ووضعه في متغير وإجراء عمليات حسابية عليه وشكرا جزيلا وجزاكم الله كل خير عن هذا الموقع الرائع
  4. <!doctype html> <html> <head> <title>Hello, World!</title> <style> *{ margin:0; padding:0; font-family: sans-serif; } body{ background :#928cff; display: flex; justify-content: center; align-items: center; height : 100vh; flex-direction: column; gap : 30px; } .input{ background : #fff; padding: 10px; border-radius:10px; width:300px; height:120px; display: flex; flex-direction:column; gap:30px; justify-content:center; align-items:center; } h2{ font-size: 32px; } .date{ display:flex; flex-direction:column; width: 80%; gap:4px; } .date input{ outline:none; padding:4px; border: 1px solif #928cff; } .date button{ background : #928cff; color : #fff; border : none; cursor : pointer; padding : 5px; } .list{ display : flex; justify-content: space-around; width: 100%; align-items: flex-start; } .box{ background: #fff; padding:10px; border-radius:10px; width:200px; } .item{ background: #928cff; padding : 10px; margin : 4px; cursir : move; color : #fff; } </style> </head> <body> <div class="input"> <h2>Add text</h2> <div class="date"> <input type="text" id="inp"> <button id="btn">Add</button> </div> </div> <div class="list"> <div class="box"> <h2>box</h2> </div> <div class="box"> <h2>box</h2> </div> <div class="box"> <h2>box</h2> </div> <div class="box"> <h2>box</h2> </div> </div> <script> let inp =document.getElementById('inp'); let btn = document.getElementById('btn'); let boxs =document.querySelectorAll('.box'); btn.onclick = function(){ if(inp.value != ''){ boxs[0].innerHTML +=` <div class='item' draggable = 'true' > ${inp.value} </div> ` inp.value =null; } dragItem(); } function dragItem(){ let items = document.querySelectorAll('.item'); items.forEach(item =>{ item.addEventListener('tuochstart',function(){ concole.log('drag is start'); }) }) } </script> </body> </html> اولا شكرا جزيلا اخي الكريم وجزاك الله كل خير قمت بإضافة الكود كامل
  5. السلام عليكم ورحمه الله وبركاته احتاج الى المساعدة بموضوع السحب والافلات في صفحات الويب قمت بكتابة برنامج على محرر على الهاتف والمشكلة أن خاصية السحب والافلات لا تعمل قمت بتجربة كل الطرق لكن العنصر لايتحرك هو عبارة عن div يحتوي على نص ارجو المساعدة
  6. شكرا جزيلا وبارك الله بك وجزاك كل خير أختي بالله سوف أقوم بتجرب الكود وهل هناك أي مشكلة اذا كان لدي أي أسئلة أخرى وشكرا
  7. السلام عليكم ورحمة الله وبركاته أرجو من الأخوة الأفاضل أصحاب الخبرة المساعدة في حل هذه المشكلة لدي إختبار مكون من عدة أسئلة ولكل سؤال عدة خيارات وعند الإجابة عن هذه الأسئلة يتم الضغط على زر لحساب النتائج والكود على الشكل التالي ويحتاج فقط الى برمجة <html> <head> <title>أختبار </tiitle> </head> <body> <div> <h2>السؤال الأول</h2> <input type=raido value=15 id=d1 /> <input type=radio value=55 id=d2 /> <input type=radio value= 10 id=d3 /> </div> <div> <h2>السؤال الثاني</h2> <input type=radio value=44 id=d4 /> <input type=radio value=88 id=d5 /> <input type=radio value=55 id=d6 /> </div> <button>أحسب النتائج</button> يمكن إختيار جواب واحد على كل سؤال وعند الضغط على الزر يتم جمع النتائج
  8. السلام عليكم ورحمة الله وبركاته شكرا أختي بالله وبارك الله بك وجزاك كل خير
  9. السلام عليكم ورحمة الله وبركاته لدي مشكلة في برمجة زر ال radio لدي مجموعة من ازرا radio كل ثلاثة في مجموعة واحدة يعني تستطيع اختيار زر واحد أريد طريقة لبرمجة هذه الأزرار عند الضغط على اي زر يتم ارسال قيمة الى دالة وعند الضغط على الزر الموجود في أسفل الشاشة يتم حساب النتيجة وشكرا وجزاكم الله كل خير
  10. السلام عليكم ورحمة الله وبركاته هل يمكن عمل نفس الطريقة على ازرار radio
×
×
  • أضف...