JAVASCRIPT

javascript Element.matches() function

var elem = document.querySelector('#sandwich');
if (elem.matches('.turkey')) {
	console.log('It matches!');
} else {
	console.log('Not a match... =(');
}

matches method in javascript

<ul id="birds">
  <li>Orange-winged parrot</li>
  <li id="h" class="endangered">Philippine eagle</li>
  <li>Great white pelican</li>
</ul>

<script type="text/javascript">
  var birds = document.getElementsByTagName('li');

  for (var i = 0; i < birds.length; i++) {
    if (birds[i].matches('#h')) {
      console.log('The ' + birds[i].textContent + ' is endangered!');
    }
  }
</script>

How To Use Matches() In JavaScript

let abc =			  document.getElementById("abc");
console.log(abc.matches('.myclass'));	  
/*yields true. Asks 'does this element have this selector' */