Operator best practices, '==' or '===' . Does it make a difference here?

=== is best for ensuring that the value you want to be true is true. == test to convert for equality after it tries to convert the values. for example, open up the console on this website and type 30 ==='30'. You'll get false as a value. But if you type 30 =='30', you'll get a true value. for that reason it's best to use the triple equality bar to ensure you're testing for strict equality.

In simple terms, the === operator is only true if both operands are the same value and the same type. for example, ' ' == 0 is true, while ' ' === 0 is false. Basically, when you use the == operator, there's some math going on behind the scenes that evaluates whether or not the operands are equal and can lead to cases where expressions are evaluated as true when you expect them to be evaluated as false.

Thank you for your answers everyone, but I'm still a bit confused. Perhaps an example will help. I'm looking for best practices, not necessarily an explanation of the difference between '==' and '==='.

Element.addEventListener('click', (event) => {
if (event.target.tagName == 'BUTTON') {
if (event.target.className == 'remove' {
let li = event.target.parentNode;
let ul = li.parentNode;
ul.removeChild(li);
}

Is it wrong to use '==' instead of '===' when comparing tag and class names? It evaluates the same in this case. But would it be best practice to use '==='? In the lesson videos, the instructor used '==' throughout, but when I look at some of my colleagues' code, they use '===' much more frequently.