それぞれの表記の色を変えるには？

質問

先日、日数カウンターの代わりに、表記を変えるには　という質問をして、お答えを頂き、無事解決したのですが、また新たな壁にぶつかってしまいました・・・

<script type="text/javascript">
<!--
var tday=new Date();
var bday=new Date(2013,2-1,4);
var days=Math.floor((tday.getTime()-bday.getTime())/(24*60*60*1000));if(days>=301){document.write("良く出来ました");}
else if(days>=100){document.write("あともう少し");}
else if(days>=51){document.write("この調子で");}
else {document.write("頑張りましょう");}
// -->
</script>

というプログラムで、

以下のように変更して、文字の色を変える事はできたのですが

<font color="#0000ff"><script type="text/javascript">
<!--
var tday=new Date();
var bday=new Date(2013,2-1,4);
var days=Math.floor((tday.getTime()-bday.getTime())/(24*60*60*1000));if(days>=301){document.write("良く出来ました");}
else if(days>=100){document.write("あともう少し");}
else if(days>=51){document.write("この調子で");}
else {document.write("頑張りましょう");}
// -->
</script></font></td>

以下のように、その表記別に色を変える方法が分かりません

良く出来ました　　　赤　font color="#ff0000

あともう少し　　　　　青　font color="#0000ff

この調子で　　　　　黄色　font color="#ffff00

どなたか、分かる方がいらっしゃいましたら、どうか宜しくお願い致します。

回答No.1

omatoro · ベストアンサー

URL参照後、「HTML」ってタブを開いたらコードが見れます。
document.write関数で直接HTMLを含む文字を出力させています。
色は適当なんで、中のコードを適当にコピーして弄ってみてください。

参考URL：

http://jsdo.it/omatoro/7ZW5

お礼

おかげさまで、色を変える事ができました。

自分なりに、色々と調べたのに全然分からなくて・・・

とても親切丁寧にして頂き、心から感謝しています。

この度は、本当にありがとうございました。