JS не получает значения от ввода

Question

Проблема в том, что я не могу получить значение моих полей пароля - предупреждение с pso1 возвращает null. Я не вижу ошибок в этом коде, поэтому я прошу помощи (попрошайничество).

<form class='container' onsubmit="return checkit()"> 
    <h1> Javascript </h1> 
    Login <input type='text' id='log'><br> 
    Password <input type='password' id='pso1'><br> 
    Confirm passwordd <input type='password' id='pso2'><br> 
    <button>Register</button> 
</form> 

<script type="text/javascript"> 
    var pso1=document.getElementById('pso1').value ; 
    var pso2=document.getElementById('pso2').value ;  
    alert(pso1); 
    function checkit(){ 
     if(pso1=!pso2){ 
      return false; 
      alert('Passwords are not the same.'); 
     } 
     else{ 
      return true; alert('work'); 
     } 
    } 

</script> 

</body> 

Answer 1

В своем коде вы устанавливаете значения pso1 и ps02 один раз сразу после загрузки страницы, прежде чем их значения изменяются. Вы хотите обновить эти значения вместо этого, объявил их как локальные переменные внутри вашей функции:

function checkit(){ 
    var pso1=document.getElementById('pso1').value; 
    var pso2=document.getElementById('pso2').value; 
    if(pso1=!pso2){ 
     return false; 
     alert('Passwords are not the same.'); 
    } 
    else{ 
     return true; alert('work'); 
    } 
} 

Answer 2

Вы только объявленной функцию CHECKIT. Вам нужно вызвать эту функцию, чтобы ее проверить.