Question

The following on DOM ready function, if I have 2 functions that use this declaration:

$(document).ready(function(){my Function here});

Now should I use two tags, one for each function or should I declare both functions in one of these tags, both inside the: $(document).ready(function(){my two Functions here});?

<script>
    $(document).ready(function(){my Function here});
</script>

Thank You

Answer 1

You can use two. There is no harm in it and this allows you to do modular coding. For example, it allows you to keep relevant pieces of code together.

As an example, suppose you have two JavaScript widgets, both are independent of each other, both in their own separate files, both present at different locations on the page, either of them may or may not be present on the page. Instead of creating a hodge-podge of scripts you can keep separate them like this:

<script>
    var ads = {};
    $(document).ready(function(){
        // do something with ads
    });
</script>

<script>
    var tracker = {};
    $(document).ready(function(){
        // do something with tracker
    });
</script>