Оператор ">" не работает правильно

Question

Оператор > не работает правильно для меня!

var message = document.getElementById("success"); 
message.innerHTML = startNumber + ">" + endNumber; 
document.getElementById("mes").innerHTML = startNumber > endNumber; 

вход1: startNumber = 45, endNumber = 1
////// выход1: 45> 1 истинно

вход2: startNumber = 45, endNumber = 5
/// ///// output2: 45> 5 ложные

---

обновление (моя декларация переменной перед/после) Спасибо :)

<!--Before--> 
     <form> 
      <input type="text" id="start_field" placeholder="start of"> 
      <input type="text" id="end_field" placeholder="end at"> 
      <input type="button" id="startbtn" value="Start"> 
     </form> 

var startPage =document.getElementById("start_field").value; 
var endPage = document.getElementById("end_field").value; 

<!--After--> 
     <form> 
      <input type="text" id="start_field" placeholder="start of"> 
      <input type="text" id="end_field" placeholder="end at"> 
      <input type="button" id="startbtn" value="Start"> 
     </form> 

var startPage =new Number(document.getElementById("start_field").value); 
var endPage = new Number(document.getElementById("end_field").value); 

Answer 1

Вы работаете со строками, а не цифрами. Строка «45» не больше строки «5».

Вы можете заставить струны быть истолкованы численно, если вы хотите:

document.getElementById("mes").innerHTML = +startNumber > +endNumber; 

Answer 2

попробовать

document.getElementById("mes").innerHTML = parseInt(startNumber) > parseInt(endNumber); 

заставить численное сравнение (АОТ сравнения строк)