درود
ابتدا باید از رویداد onclick جاوااسکریپت روی المان (button) استفاده کنی.
<button id="#btn" onclick="myFunction()">Change my Color</button>
و تابع myFunction هم به شکل زیر:
function myFunction() {
var btn = document.getElementById("#btn");
var color = document.getElementById("#btn").style.backgroundColor;
if (color == "") btn.style.backgroundColor = 'red';
if (color == "red") btn.style.backgroundColor = 'blue';
if (color == "blue") btn.style.backgroundColor = 'green';
}
کدش رو نوشتم:
<button id="btn" onClick='changeBackgroundColor()'>click here</button>
<script>
let r = 0;
const changeBackgroundColor = function(color) {
let colors = ['#f00', '#0f0', '#00f'];
r %= 3;
document.getElementById('btn').style.backgroundColor = colors[r];
r++;
}
</script>
@ali.bayat اگه بخوایم که با زدن دکمه رنگ اون المانی که داریم عوض شه اون کد چطوره؟
رنگ اون اون المان به وسیله اون دکمه عوض بشه نه رنگ خود دکمه
با تشکر.🧡
@milad
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟