Textfeld deaktivieren ⇐ HTML

[Guest]

Ich möchte das Textfeld „lname“ vorübergehend deaktivieren, da der fname leer ist. Wenn der fname jedoch nicht leer ist, ist der lname aktiviert. Ich habe einen Code, aber ich glaube nicht, dass er richtig oder falsch ist. Sie können meinen Code hier besuchen: https://jsfiddle.net/Jayme207/ejks5xqL/12/

Code: Select all

const fname = document.querySelector(".fname");
const lname = document.querySelector(".lname");

lname.readonly = true;
fname.addEventListener("keyup", () => {
if (fname.value.length > 0) {
lname.readonly = false;
} else {
lname.readonly = true;
}

})

Code: Select all

Fname:


Lname: