Entonces, esta es la línea del código.
PHP:
<div class="col"> <h3 class="text-start name" style="font-size: 12px;color: var(--bs-secondary);" id="bizApproval"><?php echo $bizApproval ;?></h3> </div> which <?php echo $bizApproval ;?> esto obtendrá el valor de la base de datos que ya sea Pending, Approved, Banned pero lo que quiero es si está Pending el color del texto yellow , si está Approved el color del texto es green y si está Banned el color del texto es red .
Puede simplemente crear una variable con color y ponerla en clase como:
<?php $color = ($bizApproval === 'Pending') ? 'yellow' : (($bizApproval === 'Approved') ? 'green' : 'red'); ?> <div class="col"> <h3 class="text-start name" style="font-size: 12px;color: <?php echo color; ?>;" id="bizApproval"><?php echo $bizApproval ;?></h3> </div>No necesitas JavaScript para esto. Puede crear en su archivo css algunas clases de color como esta (este es un ejemplo):
.pending-color{ color: yellow; } .banned-color{ color: red; } .approved-color{ color: green; }Y en tu php usa esto:
NOTA: suponiendo que su <?php echo $bizApproval ;?> tenga los valores Pending , Approved y Banned .
<div class="col"> <h3 class="text-start name <?php echo $bizApproval.'-color'; ?>" style="font-size: 12px; id="bizApproval"> <?php echo $bizApproval ;?></h3> </div>