运算符“>”无法正常工作

Question

The > operator does not work correctly for me!

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

input1: startNumber=45 , endNumber=1
////// output1 : 45>1 true

input2: startNumber=45 , endNumber=5
//////// output2:45>5 false

---

Updated (my variable declaration before/after) Thanks:)

<!--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

You're working with strings, not numbers. The string "45" is not greater than the string "5".

You can force the strings to be interpreted numerically if you want:

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

Answer 2

try

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

to force numerical comparison (aot string comparison)