Как изменить стиль текста класса "Nonaktif" в таблице на Javascript?

Question

Я хочу изменить цвет значка текста "Nonaktif" на красный, введите описание изображения здесь

это мой тд:

<tr>
  <td><?php echo $no++ ?></td>
  <td><?php echo $bk->kode_kas?></td>
  <td><?php echo $bk->nama_kas?></td>
  <td><?php echo "Rp. ".number_format($bk->saldo_kas,0,',','.')?></td>
  <td><h5><span id="status" class="badge badge-pill badge-success"><?php echo $bk->status_kas?></span></h5></td>
  <td><?php echo $bk->ket_kas?></td>

Answer 1

Вы можете добавить небольшое условие в свой атрибут класса, например:

<h5><span id="status" class="badge badge-pill <?= $bk->status_kas == 'Nonaktif' ? 'badge-info': 'badge-success'; ?>"><?= $bk->status_kas ?></span></h5>