无法在两个地方使用相同的代码显示错误

如果字段为空,我想显示错误。有两个单独的字段,一个是输入字段,另一个是文本区域。出于某种原因,功能与textarea本身可以正常工作,但不能在输入中使用。输入名称中if语句的第一个条件适用,因为我没有提供任何信息但else语句不适用时可以看到它。可能是什么原因导致的?

HTML:

 <input type="text" name="userName" />
        <p class="error">Please add a name.</p>

<textarea placeholder="Write a paragraph about yourself" maxlength="140" name="userDescription"></textarea>
        <p class="error">Please add a short description.</p>

JS:

let firstError = document.querySelectorAll(".error")[0];
let secondError = document.querySelectorAll(".error")[1];
let inputName = inputs["userName"].value;
let userDescription = document.querySelector("textarea");

f (!document.querySelector("textarea").value) {
    secondError.style.display= "block";
} else {
    secondError.style.display= "none";
}

if (!inputName) {
    firstError.style.display= "block";
} else {
    firstError.style.display= "none"; 
}
评论