html - 如何根据计数器添加图像？

Question

我想创建一个获取外部信息的网页，并以图像数量显示计数。例如：如果它得到 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()

这是一个例子。