JSFiddle - React, Tailwind, and code Playground

by Afzaal Ahmad Zeeshan

HTML

<table>
  <tbody>
    <tr>
      <td style="color: #ff00ff; background-color: #FFFFFF">Q</td>
      <td style="color: #442244; background-color: #442244">Y</td>
      <td style="color: #FFFF00; background-color: #442244">A</td>
    </tr>
    <tr>
      <td style="color: #FFEEFE; background-color: #990000">Q</td>
      <td style="color: #FFFF00; background-color: #FF0">M</td>
      <td style="color: #000000; background-color: #FF7777">O</td>
    </tr>
  </tbody>
</table>

JavaScript

function parseTable() {
	words = [];
	let trs = document.getElementsByTagName('tr');
  for (let row of trs) {
  	let tds = row.getElementsByTagName('td');
    for (let el of tds) {
      let color = {
        color: el.style.color,
        backgroundColor: el.style['background-color']
      }
      if(sameValues(color)) {
        words.push(tds.textContent);
      }
    }
  }
  
  console.log(words);
}

function sameValues(color) {
	return color.color === color.backgroundColor;
}

parseTable();