（Javascript）搜索特定项目时如何忽略在搜索栏中注册的小写/大写

Question

I am tasked with constructing a search engine for a website that displays various pictures that all have different titles. Ie, "Pictures of birds" , "Flying birds" , "Green Birds" . As of now when I type in "birds" only the first two results will display.
How can I ignore case sensitive searches, so that when a user types in "birds" all three searches will come up.

I hear converting the string to say all uppercase/lowercase could ignore it. However, I am unfamiliar with exactly how I would implement this.
As of now I have this line of code within my function:

var str = document.getElementById('searchTxt').value;

var upper = str.toUpperCase();
console.log(str);

I am trying to print the value in the variable to the console . Nothing is working and on the console only 2 objects are defined.
If someone could explain what I would need to do to get my code functioning, i'd be grateful.

Answer 1

You are logging the unconverted string to the console.

console.log(upper);

should do the trick