html - カウンターに基づいて画像を追加するにはどうすればよいですか？

Question

外部情報を取得し、カウント数を画像数で表示するWebページを作成したいと思います。例：10を取得すると、10カップの水が表示されます。それを行うための最良の方法は何でしょうか？

ありがとう！

シャイ。

Answer 1

@HasanTahsinの回答に追加するには、jQueryを使用します（純粋なJavaScriptよりも簡単です）。

// Add jQuery
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

// Your script for adding images
<script type="text/javascript">
    $(document).ready(function(){
        for (i=1; i <=n; i++) $(<selector to add html>).append('<img src="blabla"/>');
    });
</script>

nはあなたの例では10です。

外部情報については、選択を行うためのサーバー側クライアント（PHP、Pythonなど）が必要になります。これはajax経由で呼び出すことができますが、jQueryを使用すると同じくらい簡単です。$.get()

これが例です。