javascript - Javascript のビジュアル デザインの問題

Question

私はJavaScriptプログラムを作成してきましたが、今はそれを視覚化する必要がある段階にあります。私はそれがどのように見えるべきかについてのアイデアを持っていますが、それを実行するための最良の方法を知りません. 必要に応じて画像を配置して変更することもできますが、何かを変更するたびにページを更新する必要があるのでしょうか?

これが私が望むものです。これを行うための最良の方法は何ですか。javascriptだけでjqueryなどはありません。

http://postimg.org/image/p4nnnmqap/

Answer 1

最も簡単な方法は、HTML で構造を構築し、Javascript がその場で動的部分を埋めるようにすることです。

シンプルな<span>プレースホルダーを持つのと同じくらい簡単かもしれません。

<span id="count">0</span> <!-- initial value = 0 -->

そして、それを更新します

document.getElementById('count').innHTML = '987';

Ps コードを実行する前に、必ず DOM 要素が存在することを確認してください。