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