javascript - 如何检查拖放的内容。所以你可以匹配它们吗？

Question

我正在尝试制作钥匙和门。你有多个门和钥匙。但钥匙只适合某些门。所以在某种程度上它们是相互联系的。问题是我不知道如何检查放置空间的内容。因此，如果我将钥匙放在某个门上，我该如何检查门上的钥匙。下面的代码不是这样做的方法，这不起作用。因为现在我把钥匙丢到哪里，门总是变绿我知道为什么会这样，但我无法用英语解释。有人可以帮助我如何检查拖放系统的内容。

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");
    }
}

标签： javascriptdrag-and-dropconnectioncontainsmatching