Ahmed Soliman12

بتاريخ 34 دقائق مضت قال بلال زيادة:

العلامة "+" في السطر الذي قدمته لي تُستخدم للإشارة إلى عملية الجمع في لغة البرمجة. في هذا السياق، إنها تُستخدم لجمع قيمة متغير مع قيمة أخرى.

monsterHealthBar.value =  +monsterHealthBar.value - dealtDamage;

 

طيب هل هذا يعني ان سوف يتم جمع monsterHealthBar.value مع dealtDamage ام سيتم طرح القيم نظرا لعلامة الناقص؟

يعني مثلا لو قيمة monsterHealthBar.value تساوي 10 وقيمة dealtDamage تساوي 5 كم سيكون الناتج؟

السلام عليكم 

معذرة ما فائدة علامة + هنا وماذا تعني

monsterHealthBar.value =  +monsterHealthBar.value - dealtDamag

بتاريخ 13 دقائق مضت قال عمر قره محمد:

هل يمكنك التحقق من كون الصور مرفوعة على مستودع الـ GitHub  قبل ربطه مع netlify وتأكد من أن الأمر npm run build يعمل على ما يرام في الـ vs code.

في حال كان الامران السابقان طبيعيان فقد تكون المشكلة في كتابة الاسماء حيث ان رسالات الأخطاء السابقة تظهر ان اسماء الصور تحتوي فراغات.

في حال لم يكن اي مما سبق فتحقق من حالة الحروف فإن netlify حساسة لحالة الحروف بمعنى :

somefile.js != someFile.js != SomeFile.js != SOMEFILE.js != sOmEfIlE.js

 

بالفعل أمر npm run build لم يعمل علي الخادم المحلي وظهر هذا الخطأ علي ما يبدو أنه متعلق بحجم الصور ولكن لا أعلم كيف الحل

شكرا لك

ظهرت الأخطاء دي, أظن مشكلة في الصور لكن مش فاهم تتحل إزاي

شكرا

باعمل استضافة لموقع معمول ب webpack5 علي netlify

دي البيانات الي كتبتها في الصورة الأولي والصورة التانية فيها ال error ايه الخطأ , شكرا

بتاريخ 7 ساعات قال Adnane Kadri:

من غير المنطقي ان لا تكون هنالك مشكلة ما، هلا أعدت مراجعة طريقة رفعك للمشروع على الاستضافة:

سنستعين بـ github في هذا.

1. أضف موقعا جديدا عبر الدخول الى لوحة التحكم الخاصة بك على netlify والضغط على new site from git
2. من قسم continuions deployment اضغط على Github
3. قم بإعطاء الاذن لـ netlify بالوصول الى github
4. قم بتحديد المستودع الخاص بك بما في ذلك الأمر الذي تقوم به بتشغيل خادم webpack ومجلد dist في قسم public directory
5. أكد الرفع deploy site

ان كنت قد واجهة مشكلة باحدى هاته الخطوات يرجى الاشارة.

قمت بهذا وعملت deploy site

ولكن ظهر هذا الخطأ, مالحل

شكرا

السلام عليكم

عامل حسابين علي github لرفع أكثر من موقع

وانا بعمل ال repository بيظهرلي ال error ده

remote: Permission to ArabiEcommerce/AE-commerce.git denied to 86AhmedSoliman.
fatal: unable to access 'https://github.com/ArabiEcommerce/AE-commerce.git/': The requested URL returned error: 403

السلام عليكم

أريد رفع موقع علي netlify الموقع أنشا باستخدام npm , webpack5 عند رفع الملف كاملا الموقع لايعمل وعند رفع ملف dist فقط أيضا لايعمل ما الحل؟

شكرا

بتاريخ 1 ساعة قال عبود سمير:

عند رفع المشاريع على github لا نرفع ملفات الحزم البرمجية فمجلد node_modules لا يكون موجود عند التحميل.

لذلك قبل تنفيذ أمر npm run build تحتاج إلى تنفيذ أمر:

npm install

لجلب الحزم الأساسية المستخدمة في المشروع، و من بينها حزمة webpack، هل قمت بهذه الخطوة ؟

شكرا لك, عند كتابة الأمر ظهر هذا الخطأ

السلام عليكم

عندي مشاريع علي Github تمت باستخدام npm و webpack , لعرض الموقع من جهازي سأقوم بكتابة امر npm run dev او build في ال cmd

ولكن إذا قمت بتحميل ملفات المشروع من علي github ونفذت نفس الأمر لا يقوم بعرض الموقع وتظهر هذه الرسالة

بتاريخ 8 ساعات قال معاذ قره محمد:

لو تزوّدنا بصور مشكلتك والكود المستخدم كما هو سنستطيع مساعدتك بشكل أكبر.

شكرا لك حلت المشكلة وحلها كان event.preventDefault

بتاريخ 25 دقائق مضت قال Kais Hasan:

إن الخطأ هو في التابع الذي تقوم بتمريره إلى ال addEventListener حيث أنك تقوم باستدعاء التابع و ليس القيام بتمرير اسمه فقط.

عليك فقط القيام بتمرير التابع.

هذا حل المشكلة ولكن الرقم يظهر ويختفي في ال console

بتاريخ 49 دقائق مضت قال معاذ قره محمد:

وعليكم السلام

جربت الكود الخاص بك، القيمة في الinput تتغير بشكل طبيعي، قم بإضاحة المشكلة بشكل أكبر لنستطيع مساعدتك

نعم القيمة تتغير ولكن لايمكن الحصول عليها في متغير

مثلا:

const sub = document.querySelector("input[type='submit']");

function makeGrid() {

  const gridHeight = document.getElementById("inputHeight").value;

  console.log(gridHeight);

}

sub.addEventListener('click',makeGrid());

اذا غيرت القيمة في الinput لن تحصل إلا علي ال default value وهي 1

السلام عليكم

الفورم دي عاوز أخد منها ال value اللي هيحددها ال user :

<form id="sizePicker">

  <input type="number" id="inputHeight" name="height" min="1" value="1"> Grid Width:

  <input type="number" id="inputWidth" name="width" min="1" value="1">

  <input type="submit">

</form>

دايما بيظهر لي ال default value

هذا هو المشروع كامل اريد ان يتحقق من ان المستخدم اكبر من 10 سنوات

School_project.zip

بتاريخ 14 ساعات قال Adnane Kadri:

هلا قمت بتحديد عنصر القائمة بعد حدث الضغط وليس قبله؟

myButton.addEventListener("click", function(){

    let yearSelect = document.getElementById("year-dropdown");

    let year = yearSelect.value;

 

لم تحل المشكلة

كيف أعمل إستثناء لعناصر ال select من ال validation بواسطة javascript ؟

شكرا

بتاريخ 2 ساعات قال Adnane Kadri:

وعليكم السلام، 

يمكنك مباشرة جلب القيمة الخاصة بالحقل وفحصها والتحقق منها:

var select = document.getElementById('select'); // جلب عنصر القائمة المستهدف
var value = select.value;

if (value.length > 0) {
  // تم اختيار قيمة من القائمة المنسدلة
}

ايضا يمكنك استعمال الخاصية required في HTML5

<select id="select" required="required">
   <option value="">Choose an option</option>
   <option value="option1">Option1</option>
   <option value="option2">Option2</option>
   <option value="option3">Option3</option>
</select>

يتم اجبار المستخدم هنا على اختيار حقل قبل تقديم النموذج، يمكنك تخصيص التحقق بما يلائم حاجتك. وليكن مثلا التحقق من ما ان كان طرح تاريخ اليوم الى تاريخ ميلاد المستخدم يساوي او اكبر من 18 سنة.

دي ال form كاملة

<form class="sign-up-form row needs-validation mx-auto p-4" novalidate>

            <div class="form-text text-center mx-auto">

                <h3>إنشاء حساب جديد</h3>

            </div>

            <div class="col-12 mb-3">

                <input type="text" class="form-control" placeholder="الإسم" required>

                <div class="invalid-feedback">

                    يرجي إدخال الإسم

                </div>

            </div>

            <div class="col-12 mb-3">

                <div class="form-inline">

                        <label>تاريخ الميلاد</label>

                        <select class="form-control" name="year-dropdown" id="year-dropdown" requrired>

                        </select>

                        <select class="form-control" name="month">

                            <option value="01">January</option>

                            <option value="02">February</option>

                            <option value="03">March</option>

                            <option value="04">April</option>

                            <option value="05">May</option>

                            <option value="06">June</option>

                            <option value="07">July</option>

                            <option value="08">August</option>

                            <option value="09">September</option>

                            <option value="10">October</option>

                            <option value="11">November</option>

                            <option value="12">December</option>

                        </select>

                        <select class="form-control" name="day">

                            <option value="01">1</option>

                            <option value="02">2</option>

                            <option value="03">3</option>

                            <option value="04">4</option>

                            <option value="05">5</option>

                            <option value="06">6</option>

                            <option value="07">7</option>

                            <option value="08">8</option>

                            <option value="09">9</option>

                            <option value="10">10</option>

                            <option value="11">11</option>

                            <option value="12">12</option>

                            <option value="13">13</option>

                            <option value="14">14</option>

                            <option value="15">15</option>

                            <option value="16">16</option>

                            <option value="17">17</option>

                            <option value="18">18</option>

                            <option value="19">19</option>

                            <option value="20">20</option>

                            <option value="21">21</option>

                            <option value="22">22</option>

                            <option value="23">23</option>

                            <option value="24">24</option>

                            <option value="25">25</option>

                            <option value="26">26</option>

                            <option value="27">27</option>

                            <option value="28">28</option>

                            <option value="29">29</option>

                            <option value="30">30</option>

                            <option value="31">31</option>

                        </select>

                        <div class="invalid-feedback">

لا يسمح لمن هم أقل من 10 سنوات

                        </div>

                    </div>

                </div>

            </div>

            <div class="col-12 mb-2">

                <input type="email" class="form-control" placeholder="البريد الإلكتروني" required>

                <div class="invalid-feedback">

                    يرجي إدخال البريد الإلكتروني

                </div>

            </div>

            <div class="col-12 mb-3">

                <input type="password" class="form-control" placeholder="كلمة المرور" required>

                <div class="invalid-feedback">

                    يرجي إدخال كلمة المرور

                </div>

            </div>

            <div class="col-12 mb-3">

                <input type="password" class="form-control" placeholder="تأكيد كلمة المرور" required>

                <div class="invalid-feedback">

                    يرجي تأكيد كلمة المرور

                </div>

            </div>

            <div class="col-12">

                <div class="row">

                    <div class="col-12 col-md-6 d-flex justify-content-center">

                        <button class="py-2" type="submit">إنشاء حساب</button>

                    </div>

                    <div class="col-12 col-md-6 d-flex justify-content-center">

                        <a href="#" class="account" id="account">هل لديك حساب؟</a>

                    </div>

                </div>

            </div>

        </form>

ال select الخاص بالسنين فاضي وله كود جافا سكريبت الآتي

let currentYear = new Date().getFullYear();    

let earliestYear = 1970;    

while (currentYear >= earliestYear) {      

    let dateOption = document.createElement('option');          

    dateOption.text = currentYear;      

    dateOption.value = currentYear;        

    dateDropdown.add(dateOption);      

    currentYear -= 1;    

عاوز احقق شرط ان المستخدم يكون اكبر من 10سنين فعملت كود ال js الآتي

let myForm = document.querySelector("form.sign-up-form");

let formInline = myForm.querySelector(".form-inline");

let feedBack = formInline.querySelector(".invalid-feedback");

let myButton = myForm.querySelector("button[type=submit]");

let yearSelect = document.getElementById("year-dropdown");

myButton.addEventListener("click", function(){

    let year = yearSelect.value;

    if(year >= 2012){

        feedBack.style.display = "block";

    }

});

لكن لسه بيظهر علامة الصح مع الأقل من عشر سنين

ازاي اقدر اشيل علامات الصح دي لو السنة أكبر من او تساوي 2012 ؟

شكرا واسف علي الإطالة

السلام عليكم

عملت form validation بواسطة bootstrap و js  لكن غيرت في ال form واضفت select لتحديد تاريخ الميلاد علي طول بتكون valide ازاي اقدر اعملها validation

أنهيت دورة تطوير واجهات المستخدم

كيف ارفع موقع إلكتروني في معرض الأعمال علي مستقل هل أضع مباشرة الرابط الخاص ب github

وفي خانة صورة مصغرة كيف آخذ هذه الصورة

وفي خانة صور وملفات العمل ماذا أضع بداخلها

السلام عليكم انا اشتريت دورة تطوير واجهات المستخدم ولكن وجدت ان كل الدورات قد فتحت, اردت فقط التنبيه علي الخطأ و جزاكم الله خيرا