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

خميس الشمري

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

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

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

أجوبة بواسطة خميس الشمري

  1. class Rectangle {
      constructor(height, width) {
        this.height = height;
        this.width = width;
      }
      // Getter
      get area() {
        return Rectangle.calcArea(); // إستدعاء التابع calcArea
      }
      // Method
     static calcArea() {
        return this.height * this.width;
      }
    }

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

  2. جزاكم الله خير أخواني على الردود ... علشان أوضح لكم سؤالي أكثر و أفهم جوابكم أكثر باكتب لكم الكود اللي اشتغلت عليه ..

    و أرجو النظر في آخر الأسطر هناك 2functions ... عند كتابتهما داخل كلاس UserUI كيف لي استخدامهما داخل showAlert

    و أنا وضحت السؤال في الكومنت تحت ...

     

     

    app.js

     

    عفوا نسيت كيف يكتب الكود هنا بالشكل الصحيح ... لذلك أرفقت لكم ملف الجافا سكربت

     

  3. السلام عليكم ...

    سؤالي جزاكم الله خير  هو أني عملت كلاس و داخل الكلاس  فونكشن متعددة ... و سؤالي هو كيف أضع واحدة داخل الأخرى ...

    أنا أعلم عند وضعها خارج الكلاس كيف الطريقة.... لكن كيف استخدام واحدة داخل الأخرى في نفس الكلاس ما ظبطت معي مع العلم اني  حاولت في

    this.functionName ما مشي الحال معي

    أرجو منكم التوضيح بارك الله فيكم

    • أعجبني 1
  4. بتاريخ 6 ساعات قال Nabil Tayeh:

    السلام عليكم
    هنا تم عمل دالة next وأخرى back, ومربع نص مخفي قيمته الاولى 0 لإستخدامه كعداد رقمي, عند إستدعاء الدالة next تزيد قيمته واحد ويتم تغيير اللون حسب قيمة مربع النص, وكذلك في إستدعاء الدالة back يتم إنقاص قيمة مربع النص وتغيير اللون حسب القيمة.
    كود مختصر جداً دائماً ما يستخدم مبرمجين الجافا سكريبت و JQuery هذه المنهجية, حيث يتم إنشاء مربع نص مخفي وعند النقر على رابط ما, يتم تغيير قيمة مربع النص, ومن ثم إستدعاء دالة ما او حدوث أمر ما بناءاً على قيمة المربع.

    
    <!DOCTYPE html>
    <html lang="en" dir="ltr">
    <head>
    <meta charset="utf-8">
    <title></title>
    </head>
        
    <body>
        
    <div class="dDi">
        <button type="button" class="btn2" name="button" onclick="next();"></button>
        &nabla;&nabla;&nabla;
        <button type="button"  name="button" onclick="back();"></button>
    
        <input type="hidden" id="counter" value="0">
    </div>
    
              
                 
    <div id="myDiv">
        
    </div>
          
          
    <style>
    #myDiv{
      width: 100%;
      height: 800px;
      background-color: #000715;
    }
    
    .dDi{
        width: 200x;
        margin: auto;
    }
    </style>
          
          
    
    <script type="text/javascript">
            
        var collorCombo = ['#011338','#01205f','#032e84','#0440b8','#0552ec'];
    
    
        function next() {
            var counter = document.getElementById('counter').value;
            counter++;
            document.getElementById('counter').value = counter++;
    
            var DivBright = document.getElementById('myDiv').style;
    		DivBright.backgroundColor=collorCombo[counter++];     
        }   
    
        function back() {
            var counter = document.getElementById('counter').value;
            counter--;
            document.getElementById('counter').value = counter--;
    
            var DivBright = document.getElementById('myDiv').style;
    		DivBright.backgroundColor=collorCombo[counter--];     
        }   
    </script>
    
      </body></html>
     

     

     

    بتاريخ 5 ساعات قال عزام عبد الحافظ:

    و عليكم السلام و رحمة الله و بركاته @خميس الشمري .

    السبب أنه مع إستعمال for loop يتم تفعيل جميع الألوان سريعاً إلى أخر لون , و يبدو كأنه ذهب إلى أخر لون فقط.

    جرب هذه النسخة تعمل جيداً لكلا الزرين .

    
    <!DOCTYPE html>
    <html lang="en" dir="ltr">
      <head>
        <meta charset="utf-8">
       
        <title></title>
      </head>
        
        
      <body>
          
          
          <div class="dDi">
     <button type="button" class="btn2" name="button" onclick="brightNess();"></button>
              &nabla;&nabla;&nabla;
              <button type="button"  name="button" onclick="bR();"></button>
                 </div>
              
                 
        
         
    <div id="myDiv">
        
    </div>
          
          
          
    <style>
          #myDiv{
    
      width: 100%;
      height: 800px;
      background-color: #000715;
    }
    
    .dDi{
        width: 200x;
        margin: auto;
    }
          </style>
          
          
    
        <script type="text/javascript">
            
            var collorCombo = ['#011338','#01205f','#032e84','#0440b8','#0552ec']
    
    
            var f=0 ;
        function bR() {          
                var DivBright = document.getElementById('myDiv').style;
                f++;
                DivBright.backgroundColor=collorCombo[f];
            }   
            
        function brightNess(){
            var DivBright = document.getElementById('myDiv').style;
                f--;
                DivBright.backgroundColor=collorCombo[f];
        }
        </script>
      </body></html>

    أطيب تحياتي.

    جزاكم الله خير أخواني و بارك الله فيكم و زادكم من فضله ...

    بتاريخ 2 ساعات قال Othmane Othwsav:

    السلام عليكم,

    المشكل كان في كتابة خصائص الfor loop حيث أنك كتبتها بهذا الشكل:

    
    for(f==0; f < collorCombo.length; f++)

    و الخطأ في الخاصية الأولى, لذلك عليك تغيير الكود أعلاه للكود التالي:

    
    for(f=0 ; f< collorCombo.length; f++)

    و شكرا.

    جزاك الله خير أخي و بارك الله فيك .... لم يكن هذا السبب حيث أني كنت قد كتبتها كما تفضلت .

    الحل كما تفضلو الأخوة في الأعلى .

    جزاك الله خير .

  5. السلام عليكم و رحمة الله و بركاته ...

    أحبتي .. أنا أتمرن على الجافاسكربت و مما خطر في بالي أردت أن أعمل Div  و أعطيه ستايل و حجم و لون ...و أزرار للتحكم في لون الديف ...

    في الجافا سكربت عملت مصفوفة من عدة ألوان .. من الغامق إلى الفاتح .. أردت عمل Function  و بواسطة onclick() يتم تبديل اللون في كل ضغطة زر يتغير اللون .. و لكن اللون يقفز من الأول في المصفوفة إلى الأخير ...

    و لم أعرف السبب ... أرجوكم أفيدوني أفادكم الله ... مثالي كالتالي تقريباً .. مع العلم اني عملتها بملفات خارجية لكن من أجل الاختصار جمعت لكم المثال ...

    <!DOCTYPE html>
    <html lang="en" dir="ltr">
      <head>
        <meta charset="utf-8">
       
        <title></title>
      </head>
        
        
      <body>
          
          
          <div class="dDi">
     <button type="button" class="btn2" name="button" onclick="brightNess();"></button>
              &nabla;&nabla;&nabla;
              <button type="button"  name="button" onclick="bR();"></button>
                 </div>
              
                 
        
         
    <div id="myDiv">
        
    </div>
          
          
          
    <style>
          #myDiv{
    
      width: 100%;
      height: 800px;
      background-color: #000715;
    }
    
    .dDi{
        width: 200x;
        margin: auto;
    }
          </style>
          
          
    
        <script type="text/javascript">
            
            var collorCombo = ['#011338','#01205f','#032e84','#0440b8','#0552ec']
    
    
    
        function bR() {
                var f=0 ;
                var DivBright = document.getElementById('myDiv').style;
        
    			 for(f==0 ; f< collorCombo.length; f++){
                
    				DivBright.backgroundColor=collorCombo[f];
    			}
            
            }   
        </script>
      </body></html>

     

  6. بتاريخ منذ ساعة مضت قال Nabil Tayeh:

    بإمكاني هنا عمل مثال كامل لك
     

    
    <!DOCTYPE html>
    <html>
      <head>
        <title>The First Example</title>
      </head>
    <body>
    
    <h1>Sum To Variables</h1>
    
    <script>
    function myFunction(a, b) {
      return a + b;
    }
    </script>
    
    </body>
    </html>

     

     

    بتاريخ منذ ساعة مضت قال عزام عبد الحافظ:

    وجزاك الله خيرا ,إليك مثال مع html, يقوم بعملية ضرب و عرض النتيجة . إنسخ الكود إلى ملف html و جربه في المتصفح عندك :
     

    
    <!DOCTYPE html>
    <html>
        <head>
           
            <style>
                .container{
                    width: 80%;
                    margin-top: 100px;
                }
            </style>
        </head>
        <body>
            <div class="container">
               
                <input type="text" id="text1">
                <input type="text" id="text2">
                <button onclick="multiply(document.getElementById('text1').value,document.getElementById('text2').value)">Multiply Numbers</button>
                <div><h1 id="result"></h1></div>
              
            </div>
            <script>
                function multiply(a,b){
                    document.getElementById("result").innerHTML = a * b;
                }
            </script>
        </body>
    </html>


    أطيب تحياتي.

     

    بتاريخ منذ ساعة مضت قال Nabil Tayeh:

    وكذلك هنا مثال بإستخدام متغير واحد فقط

    
    <!DOCTYPE html>
    <html>
      <head>
        <title>The Second Example</title>
      </head>
    <body>
    
    <h1>Your Age</h1>
    
    <script>
    function myAge(age) {
      if(age <= 15){
        	return "You Are young";
         }
      else{
        return "You Are Old";
      }
      
    }
    </script>
    
    </body>
    </html>


     

    المثال الأخير لدالة من غير أي متغيرات
     

    
    <!DOCTYPE html>
    <html>
      <head>
        <title>The Third Example</title>
      </head>
    <body>
    
    <h1></h1>
    
    <script>
    function printWelcome() {
    	alert("You are Welcome, Thank you to visit us again");  
    }
      printWelcome();
    </script>
    
    </body>
    </html>

     

    بارك الله فيكم و رحم والديكم و جزاكم الله خير .

  7. جزاك الله خير .. دعني أوضح سؤالي أكثر ...

    أنا عملت أزرار بواسطة html  و قيمة الأزرار في html  ستكون عبارة عن نصوص حتى لو كتبت على شكل أرقام و إشارات حسابية ..

    أنا أعلم كيف أحول الأرقام في الجافا سكربت من نص إلى رقم .. بقي لي إشارات العمليات الحسابية كيف بإمكاني تحويلها من صيغة نصية إلى صيغة إشارات حسابية حقيقية ؟

    و جزاكم الله خير مرة أخرى

  8. السلام عليكم .. كيف يمكنني تحويل إشارات الحساب من صيغة نص .. أي تقع بين إشارتي تنصيص .. مثال "+" .. كيف أحولها إلى إشارات حساب حقيقية في جافا سكربت كي أستخدمها في الدوال داخل الجافا سكربت .. و جزاكم الله خير

×
×
  • أضف...