使用Javascript、CSS和HTML更改按钮颜色帮助

我正在研究如何在单击按钮时更改按钮的颜色，以及在不同时间更改按钮的颜色。但我的代码似乎有问题。我需要一双额外的眼睛来观察我的问题。这是我的名片。提前谢谢

<button id="start" class="colorChange" onclick="colorChange(this)" style="background-color: black"></button>
<button id="here" class="colorChange" onclick="colorChange(this)"data-color="orange" style="background-color: black"></button>
<button id="now" class="colorChange" onclick="colorChange(this)"data-color="yellow" style="background-color: black">

function colorChange(obj) {
    var buttons = document.getElementsByTagName("button");
    for(var i=0; i<buttons.length; i++) {
    buttons[i].style.backgroundColor = "#000000";}

 obj.style.backgroundColor=getAttribute('data-color');
    if(obj == "start"){setTimeout(changeColor, 2000)}}

function changeColor(){
    var buttons = document.getElementsByTagName("button");
    for(var i=0;i<buttons.length;i++){
        var color = buttons[i].getAttribute('data-color');
        buttons[i].style.backgroundColor = color;}
}

功能颜色更改（obj）{
var buttons=document.getElementsByTagName（“按钮”）；
对于（var i=0；i您在此处有一个参考错误：

obj.style.backgroundColor=getAttribute('data-color');

应该是：

obj.style.backgroundColor=obj.getAttribute('data-color');

您还需要将此代码放在标记之前（在
中的f.ex）：
您是否尝试读取JavaScript错误控制台？我猜
if（obj==“start”）
需要是
if（obj.getAttribute（“id”）==“start”）