Question

I would like to create a webpage that gets external information, and display the count number in number of images. For example: if it gets 10 it will display 10 cups of water.
What will be the best way to do it?

Thanks!

Shai.

Answer 1

To add to @HasanTahsin’s answer, using jQuery (It’s easier than pure 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 is in your example 10.

For external information you will need some server side client (PHP, python, etc) to do the select for you. You can call this via ajax,again using jQuery it’s as easy as $.get()

Here is an example.