九九表の作成で背景の色と文字色を変えたい。

Question

このような九九表を作りたいのですが、奇数の時背景をグレーに掛けた結果が１８になるときに文字色を
赤にするという両方を満たす条件の設定の仕方がわかりません。

現在ここまで釣ったのですが、
ifをどの位置に持ってくればよいのかがわかりません。

<table border="1">
<?php
   for($a = 1; $a <= 9; $a++){
       echo '<tr>';
       for($i = 1; $i <= 9; $i++){
        $ans = $a * $i;
        
        $f1 = '';
        $f2 = '';
        if($i % 2 === 0){
        } else {
            $bg = '<bgcolor = "#C0C0C0">';
        }
        
        $bg = '';
            if($ans == 18){
                $f1 = '<font color="#ff0000">';
                $f2 = '</font>';
             }  
     echo '<td>' . $bg . $f1 . $i . 'x' . $a . '=' . $ans . $f2 . '</td>';
 }
        echo '</tr>';
     }  
?>
</table>

Answer 1

前回とほぼ同じなのにどこがわからないのでしょうか？

Comments

[yambejp]

<style>
.ans_18{color:red}
.ans_odd{background-Color:gray}
</style>
<?PHP
$doc=new DOMDocument();
$table = $doc->createElement('table');
$table->setAttribute("border","1");
for($i=1;$i<=9;$i++){
$tr = $doc->createElement('tr');
for($j=1;$j<=9;$j++){
$td = $doc->createElement('td');
$num=$i*$j;
if($num==18){
$class=$td->getAttribute("class");
$td->setAttribute("class",($class!==""?($class." "):"")."ans_18");
}
if($num%2==1){
$class=$td->getAttribute("class");
$td->setAttribute("class",($class!==""?($class." "):"")."ans_odd");
}
$td->appendChild($doc->createTextNode("$i*$j=$num"));
$tr->appendChild($td);
}
$table->appendChild($tr);
}
$html=$doc->saveHTML($table);
print $html;

[panddd00]

ありがとうございました！

Answer 2

<table border="1">
<?php
   for($a = 1; $a <= 9; $a++){
       echo '<tr>';
       for($i = 1; $i <= 9; $i++){
        $ans = $a * $i;

        $f1 = '';
        $f2 = '';
        if($ans % 2 === 0){
            $bg = '';
        } else {
            $bg = 'bgcolor="#C0C0C0"';
        }


            if($ans == 18){
                $f1 = '<font color="#ff0000">';
                $f2 = '</font>';
             }  
     echo "<td $bg>" . $f1 . $i . 'x' . $a . '=' . $ans . $f2 . '</td>';
 }
        echo '</tr>';
     }  
?>
</table>

Comments

[panddd00]

ありがとうございました！