如何使我的搜索功能不区分大小写？

Question

我正在制作一个电子项目，但我遇到了搜索功能问题，我无法找到解决方案，希望你能帮助我。

我制作了一个简单的搜索功能，其中表格填充了结果，它适用于name，lastname，ID，email等。但是＃39; name和lastname存在问题，区分大小写。

Example 1

Example 2

以下是代码：

function buscar()
{
    var busqueda = document.getElementById("busqueda").value;

    con.query("SELECT * FROM candidata", function (err, result, fields)
    {
        if (err) console.log(err);

        var tam = result.length;
        var text;

        for (i = 0; i < tam; i++) 
        {   
            if((busqueda == result[i].nom_can) 
            || (busqueda == result[i].ci_can) 
            || (busqueda == result[i].ape_can) 
            || (busqueda == result[i].ocu_can) 
            || (busqueda == result[i].email_can) 
            || (busqueda == result[i].mun_can) 
            || ((busqueda == result[i].nom_can+" "+result[i].ape_can)))
            {
                text += '<tbody>';
                text += '<tr>';
                text += '<td>';
                text += result[i].ci_can;
                text += '</td>';
                text += '\t\t';
                text += '<td>';
                text += result[i].nom_can;
                text += ' ';
                text += result[i].ape_can;
                text += '</td>';
                text += '\t\t';
                text += '<td>';
                text += result[i].fky_cat;
                text += '</td>';
                text += '\t\t';
                text += '<td>';
                text += result[i].mun_can;
                text += '</td>';
                text += '\t\t';
                text += '<td>';
                text += result[i].est_can;
                text += '</td>';
                text += '\t\t';
                text += '<td>';
                text += '</td>';
                text += '</tr>';
                text += '</tbody>';
            }   
            document.getElementById("find").innerHTML= text;
        }
    });
}

我需要让它不区分大小写，我已经尝试了 var busqueda = document.getElementById("busqueda").value.toLowerCase(); ，但没有显示任何内容。

编辑：找到了一个解决方案，也许不是一个奇特的解决方案，但它可以按照我想要的方式工作，谢谢！

function buscar()
{
    var busqueda = document.getElementById("busqueda").value;

    con.query("SELECT * FROM candidata", function (err, result, fields)
    {
        if (err) console.log(err);

        var tam = result.length;
        var text;

        for (i = 0; i < tam; i++) 
        {   
                        if
        (
            (busqueda == result[i].nom_can.toLowerCase()) 
            || (busqueda == result[i].nom_can) 
            || (busqueda == result[i].ci_can) 
            || (busqueda == result[i].ape_can.toLowerCase()) 
            || (busqueda == result[i].ape_can) 
            || (busqueda == result[i].ocu_can.toLowerCase()) 
            || (busqueda == result[i].ocu_can) 
            || (busqueda == result[i].email_can.toLowerCase()) 
            || (busqueda == result[i].email_can) 
            || (busqueda == result[i].mun_can.toLowerCase()) 
            || (busqueda == result[i].mun_can)
            || ((busqueda == result[i].nom_can.toLowerCase()+" "+result[i].ape_can.toLowerCase())) 
            || ((busqueda == result[i].nom_can+" "+result[i].ape_can))
        )
        {
                text += '<tbody>';
                text += '<tr>';
                text += '<td>';
                text += result[i].ci_can;
                text += '</td>';
                text += '\t\t';
                text += '<td>';
                text += result[i].nom_can;
                text += ' ';
                text += result[i].ape_can;
                text += '</td>';
                text += '\t\t';
                text += '<td>';
                text += result[i].fky_cat;
                text += '</td>';
                text += '\t\t';
                text += '<td>';
                text += result[i].mun_can;
                text += '</td>';
                text += '\t\t';
                text += '<td>';
                text += result[i].est_can;
                text += '</td>';
                text += '\t\t';
                text += '<td>';
                text += '</td>';
                text += '</tr>';
                text += '</tbody>';
            }   
            document.getElementById("find").innerHTML= text;
        }
    });
}