javascript - 入力要素の値を取得できないのはなぜですか

Question

私はこのjavascriptコードを持っていました。しかし、コードは入力の値を取得しません、私はここで何が間違っているのですか？

<script type="text/javascript">
function myFunc() {
    "use strict";
    var un = document.getElementByID('user').value;
    var pw = document.getElementByID('pass').value;
    var x  ;
    if(un=="abc") {
        if(pw=="123") {
            document.getElementById('validate').innerHTML ="validation sucessful";
        }
        else {
            document.getElementById('validate').innerHTML ="validation unsuccessful";
        }
    }
    else {
        document.getElementById('validate').innerHTML ="invalid username";
    }
}
</script>
<p>Click on the button to login</p>

USERNAME : <input type='text'   id='user'   value="  "   /><!-- Should be like type="text" and not type="  text"-->
PASSWORD:   <input type='password'    id='pass'   />  <!-- Should be like type="password" and not type="  password"-->
<p id='validate'></p>
<input type='button'  onclick="myFunc()" value='Login' />

Answer 1

javascriptdocument.getElementByIdではなくJavascriptでは大文字と小文字が区別されますdocument.getElementByID

var un = document.getElementById('user').value;
var pw = document.getElementById('pass').value;

いいえ

var un = document.getElementByID('user').value;
var pw = document.getElementByID('pass').value;

Answer 2

関数名が正しくない場合getElementByIDは、次を使用してください。

var un = document.getElementById('user').value;
var pw = document.getElementById('pass').value;