Не могу сравнить значение двух полученных переменных

Здравствуйте, есть вот такая проблема. Недавно перешел на JS и в php как то все проще. Как мне сравнить значение двух переменных полученных из разных полей input с помощью функции document.getElementById.

Код (Text):

1. <input type="text" value="" placeholder = "Введите пароль" id="text">
2. <input type="text" value="" placeholder = "Повторите пароль" id="text2" onchange="goClisc()">
3. <span id = "vivod"></span>
4.  
5.  
6. <style>
7.  
8. </style>
9. <script>
10.  
11.  
12. function goClisc(){
13.             var text = document.getElementById('text');
14.             var text2 = document.getElementById('text2');
15.            
16.             var getr = String(text)
17.             var getr2 = String(text2)
18.            
19.                 var res = getr.localeCompare(getr2);
20.                 alert(getr);
21.                 }

var res = getr.localeCompare(getr2); Вопрос первый нужно ли их обрабатывать функцией string?

В конце должно получиться что если пароль введен в обоих одинаково то он просто напишет что все правильно. если нет то нет. тойсть там будут и цифры и буквы.

Помогите а то никак не могу решить задачую

 

Спасибо, тойсть у меня там лежал просто массив?