Javascript 文本框可以'；在js中不能被id值引用

我试图用HTML和CSS创建一个简单的登录表单，但我无法将

document.getElementById（）

用于我的文本框

“我的浏览器”的控制台中出现以下错误：

TypeError:document.getElementbyId不是函数

附言：我是js的noob

我的代码：

<div id='logon'>
<input type=text placeholder='Username' id='un' style='width:50%; height:10%;'><br>

<input type=password placeholder='Password' id='pw' style='margin-top:2%; width:50%; height:10%'><br><br>
<button id='button' onclick='auth()'>Enter</button><br>
</div>
<script>
function auth(){
var x = document.getElementById("un");
var y = document.getElementbyId("pw");
if(x.value.toString()==="bla" && y.value.toString()==="bla")
    document.getElementbyId("invalidd").innerHTML = "<div id='invalid'>Invalid</div>";
else
    alert("Welcome!");

}
</script>

输入

函数auth（）{
var x=document.getElementById（“un”）；
var y=document.getElementbyId（“pw”）；
如果（x.value.toString（）==“bla”&&y.value.toString（）==“bla”）
document.getElementbyId（“invalidd”）.innerHTML=“Invalid”；
其他的
警惕（“欢迎！”）；
}

确保

b

为大写格式，如：

document.getElementById
___________________^

console.log（document.getElementById（'test_1'）//有效函数
log（document.getElementbyId（'test_2'））//无效功能

测试1


测试2确保
b
为大写格式，如：

document.getElementById
___________________^


console.log（document.getElementById（'test_1'）//有效函数
log（document.getElementbyId（'test_2'））//无效功能
测试1


测试2
getElementById中的大写B您的
B
需要大写
getElementById
document.getElementById-它是一种类型。getElementById中的资本B必须为大写。您的
B
需要大写
getElementById
document.getElementById-它是一种类型。一定很感谢你！很抱歉浪费了你的时间：）很高兴我能帮助兄弟。。。欢迎来到StackOverflow。如果你正在寻找答案，请将其标记为答案。非常感谢！很抱歉浪费了你的时间：）很高兴我能帮助兄弟。。。欢迎来到StackOverflow。如果一个答案是你想要的，那么把它标记为答案。