Javascript 为什么不’；我的两个值不正确比较吗？

我尝试比较对象的值，如果一个值大于另一个值，则生成函数。但是我的代码似乎是错误的，因为即使该值大于另一个值，它仍然会记录“false”而不是true。我甚至记录了这个值，以检查它是否更大，是否正确。这是我的密码

var clicks1 = 0;

function onClick() {
    clicks1 += 1;
    
    document.getElementById("clicks1").innerHTML = clicks1;
    document.getElementById("clicks1").value = clicks1;

    var clicks2 = 0;

    function onClick() {
        clicks2 += 1;
        document.getElementById("clicks2").innerHTML = clicks2;
        document.getElementById("clicks2").value = clicks2;

        playbutton.onclick = function () {
            const click1var = document.getElementById("clicks1").value
            const click2var = document.getElementById("clicks2").value

            console.log(click1var)    //Console shows 3
            console.log(click2var)    //Console shows 1

            if (click1var < click2var) {
                console.log('true')
            } else {
                console.log('false')  //Console shows false.  
            }
        }

var clicks1=0；
函数onClick（）{
单击s1+=1；
document.getElementById（“clicks1”）.innerHTML=clicks1；
document.getElementById（“clicks1”）.value=clicks1；
var=2=0；
函数onClick（）{
点击S2+=1；
document.getElementById（“clicks2”）.innerHTML=clicks2；
document.getElementById（“clicks2”）.value=clicks2；
playbutton.onclick=函数（）{
const click1var=document.getElementById（“clicks1”）.value
const click2var=document.getElementById（“clicks2”）.value
log（click1var）//控制台显示3
console.log（click2var）//控制台显示1
如果（单击1var<单击2var）{
console.log（'true'）
}否则{
console.log（'false'）//控制台显示false
}
}

单击1var为3 click2var为1

if（click1var

---

然后，它将转到另一个。

请格式化此代码。按原样阅读非常困难。因此，您想知道为什么3<1为假？顺便说一句：当您要比较数字时，您应该将字符串转换为数字。对于一位数字来说，这无关紧要，但当您可以获得多位数字时，它会起作用。但一切似乎都很好。三不是l不止一个（错误）。。