<td>タグ内の数字にJavaScript（ゼロ埋め）を仕掛けたいのです

Question

いつもお世話になっております。

Flaskで受け取った数値に小数点以下3桁のゼロ埋めを行おうと考えました。
数値pd[16]は表のデータなので<td></td>で囲まれていますが、以下のようにコードを記述しました。

<td><script>console.log({{pd[16]}}.toFixed(3));</script></td>

これで表の中の数字の下3桁までゼロ埋めされるだろうと考えたのですが、数字が表示されなくなりました。単純に<script>で囲むだけではいけないのでしょうか？
様々なサイトを調べましたが、ゼロ埋めに関しては.jsの記述しかなくHTMLにどのように反映させたらいいかの情報が見当たりませんでした。基本すぎてわざわざ書いていないだけのようにも思いますが…。

以上、何卒ご教授をお願い申し上げます。

Comments

[m.ts10806]

>Flaskで受け取った数値に
質問タグ追加してください。
フレームワークやサーバーサイドの言語利用ならそれなりに推奨されるやり方はあります。
JavaScriptでなければならない理由があるのでしたら明記してください。

[m.ts10806]

>ゼロ埋めに関しては.jsの記述しかなく
外部ファイルに出しただけで、同じコードなら同じように動きます。
つまり、JavaScriptの基本的なところが理解できているかどうかです。

[jyansinkai]

ご指導有難うございます。
JavaScriptにこだわる必要は全くなかったのですが、HTML側で何とかする問題だと考えておりました。

Answer 1

console.log はブラウザのデバッグツールへの出力になります。HTML 中に出力したいなら document.write ですが、あまりお行儀が良いとは言えないし、そもそもフォーマットをブラウザ側で行う必要もないと思うので、python 側でやれば良いのでは。
参考: 小数点以下の桁数指定 (Python, formatで書式変換（0埋め、指数表記、16進数など） | note.nkmk.me)

<td>{{'{:.3f}'.format(pd[16])}}</td>

Comments

[jyansinkai]

ご指導有難うございます。
Python側で0を埋めてもHTMLへデータを渡す際に0が省略されるだろうと思い込んでおりました。
JavaScriptにこだわる理由はないので、ご指導頂きました方法で取り組んでみようと思います。