Javascript 如何检查拖放的内容。那么你能和他们匹配？

我正在试着做一把钥匙和一扇门。你有多扇门和钥匙。但是钥匙只适合某些门。所以在某种程度上它们是相互联系的。问题是我不知道如何检查放置空间的内容。所以，如果我把钥匙掉在某扇门上，我怎么检查门上有什么钥匙呢。下面的代码不是这样做的方法，这不起作用。因为现在无论我把钥匙丢到哪里，门都会变成绿色。我知道为什么会这样，但我不能用英语解释。有人能帮我检查一下拖放系统的内容吗

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

function drag(ev) {
    ev.dataTransfer.setData("text", ev.target.id);
}

function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("text");
    ev.target.appendChild(document.getElementById(data));
    console.log(ev);
    dropvlakcontrolle();
}

function dropvlakcontrolle() {
    const door = document.getElementsByClassName("door1")[0];
    console.log(door.dataset.lock);
    const key = document.getElementsByClassName("key1")[0];

    if (key.dataset.lock == door.dataset.lock) {
        console.log("match");
        document.getElementById("div2").style.backgroundColor = "green";
    } else {
        console.log("no match");
    }
}