如何将可拖动的按钮背景颜色应用于另一个按钮背景？

Question

拖动时如何将一个按钮背景颜色应用于另一个按钮背景颜色。例如，如果我有多个按钮，那一个是红色而其他都是白色。因此，当我将黄色按钮拖到侧面的另一个按钮时，它将需要更改为黄色。旧的应该是白色的。我在很多方面尝试过使用jQuery和CSS，但我无法为这项工作找到解决方案。下面我附上了我的屏幕。谁能帮我。提前谢谢。

这是我的代码：

<script type="text/javascript">
function dragStart(event) {
    event.dataTransfer.setData("Text", event.target.id);
}

function dragEnter(event) {
    if ( event.target.className == "droptarget" ) {
        document.getElementById("demo").innerHTML = "Entered the dropzone";
        event.target.style.border = "3px dotted red";
    }
}

function dragLeave(event) {
    if ( event.target.className == "droptarget" ) {
        document.getElementById("demo").innerHTML = "Left the dropzone";
        event.target.style.border = "";
    }
}

function allowDrop(event) {
    event.preventDefault();
}

function drop(event) {
    event.preventDefault();
    var data = event.dataTransfer.getData("Text");
    event.target.appendChild(document.getElementById(data));
}
</script>

下面给出的脚本，

{{ Session::get('bookingConfirmed')->time }}