تغییر رنگ Button به وسیله ی Javascript

درود

ابتدا باید از رویداد 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

خب داخل فانکشن بجای اینکه آیدی btn رو بگیری آیدی المانت رو قرار بده و رنگش رو عوض کن !