获取HTML中文本框的值并进行比较两者的大小

html中相关代码：

first:<input type="text" id="first"/>
<br>
second:<input type="text" id="second"/>
<button οnclick="getValue()">比较</button>

js中相关代码：

function getValue()
{
 var f= document.getElementById("first");
 var s= document.getElementById("second");
  if(parseInt(f)>parseInt(s)){//此处若直接用if（f>s）结果将错误
   alert("f>s");
  }
  else{
   alert("f<s");
  }
}