Question

I had this javascript code. But the code doesnt get the value of the input, what am i doing wrong here?

<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

its document.getElementById not document.getElementByID javascript is Javascript is case sensitive

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

not

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