Najah Alsaker

لا اعلم لماذا تبحث عن بدائل بدلا من استخدام الكود الاساسي حيث انك بهذه الطريقة ستصعب الامور عليك اكثر 
ومبدئيا لا يوجد بديل مباشر للدالة prompt ولكن دائما ما يمكننا الحصول على ما نريد بالبرمجة بطرق ملتوية غير مباشرة لذلك يمكنك اخبارنا بما تريد فعله بالضبط لنتمكن من مساعدتك بشكل افضل 
وبالتوفيق ...

يمكنك عمل ذلك بدون اي مكتبات خارجية ويمكنك عمله بإستخدام مكتبة jquery  ساعطيك الطريقتان وستختار ما يتناسب مع احتياجات مشروعك 
بدون مكتبات :
ننشئ عنصر فيديو في ملف ال html  لنعرض الفيديوهات به واعطيناه id مميز لاستخدامه لاحقا ,  كما انني اعطيته حدث عن الضغط على الزر واسندت اليه اسم الدالة التي سنعمل عليها في كود الجافا سكريبت  <video controls id="videoPlayer"></video> <button onclick="playRandomVideo()">تشغيل فيديو عشوائي</button> انشأت في البداية مصفوفة تحتوي على عنوانين الفيديوهات (ستقوم باستبدالها بالمسار الاساسي للفيديوهات الخاصة بك او بعنوان url ) واستخدمت الدالة Math.random() لاختيار فيديو عشوائي var videos = [ "video1.mp4", "video2.mp4", "video3.mp4" ]; function playRandomVideo() { var randomIndex = Math.floor(Math.random() * videos.length); var videoUrl = videos[randomIndex]; var videoPlayer = document.getElementById("videoPlayer"); videoPlayer.src = videoUrl; videoPlayer.play(); } باستخدام مكتبة jQuery :
اول خطوة هي تضمين المكتبة لدينا  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ثم كما عملنا سابقا نضع وسم الفيديو وزر التشغيل في ملف ال html  <video controls id="videoPlayer"></video> <button id="playRandomButton">تشغيل فيديو عشوائي</button> وفي ملف الجافا سكريبت ستضع الكود التالي : $(document).ready(function() { var videos = [ "video1.mp4", "video2.mp4", "video3.mp4" ]; $("#playRandomButton").click(function() { var randomIndex = Math.floor(Math.random() * videos.length); var videoUrl = videos[randomIndex]; $("#videoPlayer").attr("src", videoUrl); $("#videoPlayer")[0].play(); }); }); الطريقة ذاتها ولكن ما يختلف هو طريقة الكتابة التي تستخدمها مكتبة jQuery
وبالتوفيق لك ..

هي مكتبة خاصة بال javaScript تجعل موقع الاكتروني اسهل حيث انها تختصر عددا كبيرا من الاسطر البرمجية الى مجموعة توابع تستدعى بسطر برمجي واحد ولكن انتبه قبل البدء بدراسة jQuery يجب عليك ان تكون على دراية بال HTML ،CSS ،JavaScript لان ال jQuery تعتمد عليهن وكما ذكرنا انها خاصة بال javaScript  وتقوم باختصار اكوادها وتعتمد مبدأ "اكتب أقل وافعل أكثر"
وهذه بعض الاشياء التي تسهل عملك jQuery بها 
يمكنك اضافة وحذف عناصر html  بسهولة من خلالها  تطوير تفاعل المستخدم بالموقع من خلال استخدام الاحداث (اي انه عندما تنقر على الزر هذا يحصل هكذا او عند تحميل الصفحة يحصل هكذا  توفر ديناميكية لموقعك من خلال اضافة تأثيرات بصرية متحركة له  تستخدم في طلبات ajax  الخاصة بالتعامل مع الخوادم وارسال البيانات  اي باختصار شديد في النهاية انها مكتب توفر اكواد لجافا سكريبت ولكنها اسهل ومختصرة اكثر  ويمكنك دراستها والتعق اكثر بها بشكل مجاني من خلال زيارة هذا الرابط حيث انك ستجد العديد من الدروس والمقالات الخاصة ب jQuery به 
وهنا  ستجد موسوعة مكتبة jQuery كاملة الخاصة بأكاديمية حسوب 
وبالتوفيق لك ...

وعليكم السلام 
في البداية ان استخدام توليد اكواد الجافا سكريبت بطريقة ديناميكية له العديد من المميزات ولكن كثرتها وعدم استخدامها بشكل صحيح قد يولد العديد من المشاكل كمان ان كثرة استخدامها ممكن ان يسبب بطئ في عملية تحميل الصفحة والان دعني اعطيك اهم ايجابيات وسلبيات استخدامها 
الايجابيات :
 يمكن استخدام التوليد الديناميكي لإنشاء تجارب مستخدم متفاعلة وديناميكية. يمكن تجنب تحميل محتوى غير ضروري مما يقلل من وقت تحميل الصفحة وبالتالي سرعة في تحميل الصفحة. يمكن استخدام التوليد الديناميكي لتحميل البيانات من الخوادم بشكل ديناميكي دون إعادة تحميل الصفحة. يمكن تحديث المحتوى والتعديل عليه بسهولة من دون الحاجة إلى تغييرات في الصفحة الأساسية. السلبيات :
قد يؤدي استخدام التوليد الديناميكي للمحتوى إلى زيادة في وقت تحميل الصفحة وتأخير في عرض المحتوى. قد تواجه مشاكل في التوافق مع بعض المتصفحات القديمة أو المتصفحات التي لا تدعم بعض ميزات JavaScript الحديثة.  قد تكون التجارب المتعددة المستخدمة في التوليد الديناميكي معقدة وصعبة الفهم لبعض المستخدمين.  قد تحتاج إلى تحميل مكتبات JavaScript إضافية لدعم التوليد الديناميكي، مما يزيد من حجم الموارد المطلوبة للصفحة. لذلك ان استخدام التوليد الديناميكي للمحتوى بواسطة JavaScript يمكن أن يكون أداة قوية لتحسين تجربة المستخدم وتحسين أداء الموقع، ولكن يجب استخدامها بحكمة وفقًا لاحتياجات المشروع وظروفه.
بالتوفيق لك 

عندما نستخدم النوع radio  يجب ان تكون الخاصية name  تحمل ذات الاسم حتى يتم اختيار خيار واحد فقط وانت هنا لديك خطأ في طريقة كتابة الاسماء 
<div> <input type="radio" id="starter" name="plan" value="starter"> <label for="starter">starter</label> </div> <div> <!-- plan المفروض ان تكون --> <!--palan وليس--> <input type="radio" id="business" name="palan" value="business"> <label for="business">Business</label> </div> <div> <!--وهنا ايضا ذات الخطأ--> <input type="radio" id="premium" name="palan" value="premium"> <label for="premium">premium</label> </div>  قم بتعديله ليصبح الكود كالتالي :
<div> <input type="radio" id="starter" name="plan" value="starter"> <label for="starter">starter</label> </div> <div> <input type="radio" id="business" name="plan" value="business"> <label for="business">Business</label> </div> <div> <input type="radio" id="premium" name="plan" value="premium"> <label for="premium">premium</label> </div> الأن سيعمل بشكل صحيح 
ان العنصر <table > يقوم بالنزول الى سطر جديد ثم يبدا بعرض عناصره
العنصر  tr (table row) :  هو معناها سطر الجدول اي عند كل مرة  نكتب  tr  ينزل الى سطر جديد 
لذلك اختلطت في ما بينهما اما هما عنصران مختلفان تمام حتى ولو ادو اي نفس النتيجة بحيث ان ال tr  هو عنصر من عناصر الجدول table 
دعني اشرح لك كيفية تركيبة الجدول بالتفصيل 
<table> <tr> <!--السطر الاول الخاص بالجدول--> <td>العنصر الاول من السطر الاول</td> <td>العنصر الثاني من السطر الاول</td> <td>العنصر الثالث من السطر الاول</td> </tr> <tr><!--السطر الثاني الخاص بالجدول--> <td>العنصر الاول من السطر الثاني</td> <td>العنصر الثاني من السطر الثاني</td> <td>العنصر الثالث من السطر الثالث </td> </tr> </table> <table>  وهو وسم الجدول الاساسي 
<tr>  تعني سطر جديد للجدول 
<td>  تعني table date  اي البيانات المراد ادخالها داخل الجدول 
وهذه الصورة توضوح لك طريقة عمل الكود السابق بالتفصيل 

لذلك قم باستبدال العناصر  بالترتيب الصحيح الذي اعطيتك اياه
 

كما ذكر لك صديقنا ان هناك مشروع للتخرج ,  اي يطلب منك عمل مشروع ومن ثم ارساله للاكاديمية ليتم مراجعته وان كان هنالك اشياء غير كاملة او بحاجة لبعض الاضافات فأن الاكاديمية ستعاود التواصل بك مرة اخرى لاخبارك بالتعديلات الواجب عليك القيام بها او اماكن القصور الموجودة لديك والمطلوب منك مراجعتها وعند الانتهاء من كل شيء يتم مراجعة المشروع وان كان يستوفي الشروط يتم  تسليمك الشهادة 
ولكن قبل الامتحان العملي هناك امتحان بسيط نظري مباشر يتم به مناقشة مدى فهمك للاساسيات وهو غير صعب اطلاقا ان كنت متمكن ولديك فهم كاف للدورة التي قمت بدراستها لذلك لا داع للقلق 
و يمكنك الاطلاع على طريقة سير الامتحانات من هنا 
 https://support.academy.hsoub.com/exams