Wie kann ich das Textfeld „lname“ vorübergehend deaktivieren, wenn „fname“ leer ist? [geschlossen] ⇐ HTML

[Guest]

Ich möchte das Lname-Textfeld vorübergehend deaktivieren, wenn das Fname-Textfeld leer ist, aber wenn der Fname nicht leer ist, sollte der Lname aktiviert werden.
Ich habe einen Code, aber ich habe keinen Ich denke, es ist weder richtig noch falsch.

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: