في هذ الشرح سنتطرق لكيفية إضافة زر نسخ الرابط في سكريبت كليجا لرفع الملفات

قبل التعديل نقوم بإضافة الكلاسات التالية في ملف css الخاص بإستايل السكريبت
هنا سنعدل على كلاس bootstrap.min.css الخاص بإستايل bootstrap والموجود في مجلد css

 .copy-btn {
 padding: 12px ;
 border: 3px solid #EEEEC6;
  border-radius: 5px;
 background: #3F88C5;
 color: white;

 font-size: 16px;
 font-family: inherit;
 cursor: pointer;
 font-weight: 600;
}


.copied {
 background: #04AA6D;
 transition: 0.5s;
}
::selection{
  background: #04AA6D;
  color:yellow;
} 

نقوم بعد ذلك بإنشاء مجلد جديد ونسميه مثلا codes ونقوم بوضع الملف المرفق في هذا المجلد

نقوم بالتعديل على ملف up_boxes.html الموجود في المسار التالي

 
..styles/bootstrap/up_boxes.html

نقوم بعد ذلك بالبحث على الكود التالي في الملف

 <div class="form-groupp w-100">
        <label class="fileclass" for="file1">{b_title}</label>
        <textarea id="file1" readonly="readonly" rows="1" cols="40" class="form-control" tabindex="2">{b_url_link}</textarea> 

ونضيف بعده الكود التالي

 <button class="copy-btn">نسخ الرابط</button> </div> 

نضيف الكود التالي في أول الملف

 <script src="codes/fire.js"></script> 

في آخر الملف نضيف الكود التالي

 document.addEventListener("click", e => {

    let button = e.target;
    if (button.tagName !== "BUTTON") { button = button.closest("button"); }
    if (!button || !button.classList.contains("copy-btn")) { return; }
    
    e.preventDefault();
    
    let textarea = button.previousElementSibling;
    while (textarea && textarea.tagName !== "TEXTAREA") {
        textarea = textarea.previousElementSibling;
    }
    
    if (!textarea) {
        alert("Unable to find the textarea to copy!");
        return;
    }
  
    textarea.select();
    textarea.setSelectionRange(0, 99999);
    document.execCommand("copy");
     button.classList.toggle("copied");
  
 
   Swal.fire(
   'تم نسخ الرابط ',
  `${textarea.value}`,
  'success'
)
 
}); 

ملاحظة : قمت فقط بالإبقاء على الروابط المباشرة للملفات
نقوم بعد ذلك بتفريغ كاش المتصفح ونلاحظ النتيجة