PHPで九九表を作りたい

Question

PHPで九九表を作り、
・掛けた結果が偶数の場合は背景をグレーに
・掛けた結果が１８の場合は文字色を赤に
したいのですが、ifを使い二つの条件を同時に満たす方法がわかりません。

現在ここまで進んだのですが、
このままだと九九表が二列ずつになってしまいます。

宜しくお願い致します。

<table border="1">
<?php

   for($a = 1; $a <= 9; $a++){
       echo '<tr>';

       for($i = 1; $i <= 9; $i++){
           $ans = $a * $i;

           if($i % 2 === 0){
               echo '<td>'.$i.'x'.$a.'='.$ans.'</td>';
            } else {
                echo '<td bgcolor="#C0C0C0">'.$i.'x'.$a.'='.$ans.'</td>';
            }
            
            
            if($ans == 18){
                echo '<td><font color="#ff0000">'.$i.'x'.$a.'='.$ans.'</td>';
            }  else {
                echo '<td>'.$i.'x'.$a.'='.$ans.'</td>';
             }

             

        }  
        echo '</tr>';

     }  

    

?>
</table>  

Answer 1

書き部分でfont要素が適切に閉じられていません。
また、font要素は廃止されていますので、参考にされているものに記載されているとしたらかなり古い資料になります。

echo '<td><font color="#ff0000">'.$i.'x'.$a.'='.$ans.'</td>';

Answer 2

htmlの修飾はクラスでやるのが楽なんですけどね・・・
domdocumentでやるとこう

Comments

[yambejp]

<style>
.ans_18{color:red}
.ans_even{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==0){
$class=$td->getAttribute("class");
$td->setAttribute("class",($class!==""?($class." "):"")."ans_even");
}
$td->appendChild($doc->createTextNode($num));
$tr->appendChild($td);
}
$table->appendChild($tr);
}
$html=$doc->saveHTML($table);
print $html;

[yambejp]

本来値が18の場合は、必ず2の倍数なので、もう少し簡略化できます

[panddd00]

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

Answer 3

あえて元のコードを使うならこんな感じでしょか。

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

※参考にされるなら new1roさんのがいいと思います。

Answer 4

こんな感じでしょうか..
(訂正しました)

for($a = 1; $a <= 9; $a++){
    echo '<tr>';

    for($i = 1; $i <= 9; $i++){
        $ans = $a * $i;
        $style = '';
        
        if($ans === 18){
            $style += 'color: #F00; ';
        }
        if($ans % 2 === 0){
            $style += 'background: #C0C0C0; ';
        }
        
        echo '<td style="'.$style.'">'.$i.'x'.$a.'='.$ans.'</td>';      
    }  

    echo '</tr>';
}  

Comments

[panddd00]

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

[panddd00]

一つ質問があるのですが、styleは
何のためにあるのですか？？

[new1ro]

yambejpさんの言う通り、本来修飾はclassとCSSで行うべきです。
ただ、style=""を使うことによってHTML側にCSSをベタ書きできます。

2020年に<font>は古すぎるので使わないほうがいいけど、その話まですると混乱しそう...と思い、
簡易的にstyle=""で見た目を指定しました。

[panddd00]

理解できました！
丁寧に答えていただき本当にありがとうございました！