怎么样用原生实现点击按钮改变这个按钮的颜色呀

怎么样用原生实现点击按钮改变这个按钮的颜色呀？用原生实现一个小dom就行 我看看然后运用到项目中

有注释很好明白的

<body>
    <button>按钮1</button>
    <button>按钮2</button>
    <button>按钮3</button>
    <button>按钮4</button>
    <button>按钮5</button>
    <script>
        //1.获取所有按钮元素
        var btns = document.getElementsByTagName('button');
        //btns得到的是伪数组，里面的每一个元素 btns[i]
        for(i = 0; i < btns.length; i++){
            btns[i].onclick = function(){
                //(1)我们先把所有的按钮背景颜色去掉
                for ( i = 0; i < btns.length; i++) {
                    btns[i].style.backgroundColor = '';
                }
                //(2)然后才让当前的元素背景颜色为blue
                this.style.backgroundColor = "pink";
            }
        }
        //2.受限先排除其他人，然后在设置自己的样式。这种排除其他人的思想我们称为排他思想
    </script>
</body>

题主要的代码如下，

<!doctype html>
<meta charset="utf-8" />
<input type="button" onclick="setColor(this,'red')" value="点我变红色" />
<input type="button" onclick="setColor(this,'green')" value="点我变绿色" />

<script>
    function setColor(el, color) {
        el.style.color = color
    }
</script>

img


有其他问题可以继续交流~


```javascript

document.body.querySelector('button').click = (e) => {
    e.target.style.backgroundColor = `#${Math.random().toString(16).slice(-6)}`
}

```