السلام عليكم و رحمة الله و بركاته ...
 
	أحبتي .. أنا أتمرن على الجافاسكربت و مما خطر في بالي أردت أن أعمل 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>
          ∇∇∇
          <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>