this is the suedo code and you can change it according to your requirements. this is just to give you an idea of how to do it.

<table style="width:100%">
  <tr>
    <td class="LightBlue">Firstname</td>
    <td class="LightGreen">Lastname</td>
  </tr>
  <tr>
    <td class="LightBlue">whatever</td>
    <td class="LightGreen">youfill</td>
  </tr>
</table>
<button class="btn btn-success styled1" onclick="changeColor()"  type="button">Validate</button>

<script> 
            function changeColor() { 
              var greenTD = document.getElementByClassName("LightGreen"); 
              var BlueTD= document.getElementByClassName("LightBlue");
              greenTD.style.background = "green"; 
              BlueTD.style.background = "Blue";   
            } 
</script>  

<table style="width:100%">
  <tr>
    <td [ngClass]="buttonClicked ?'yourClass':''">Firstname</td>
  </tr>
</table>
<button class="btn btn-success styled1" onclick="buttonClicked = !buttonClicked"  type="button">Validate</button>

you can use like this ngClass that is you need to initialize the buttonClicked in your TS file and make it initially as false
it will work

how to make a function when I add click() in my button Validate my cells (td) of Table so put changes of color for example green cell -> green light blue light cell ->blue red cell -> dark red

<button    class="btn btn-success styled1"  type="button">   Validate </button>