Update only myTotal if newvalue > currentValue Options

[sanoj96]

Hello,

I am trying to update mytotal when newValue > currentValue.


Something like this.

CODE

If (newValue > currentValue) {
    //Update mytotal on page (Document.write). And not reload the whole page.
}, 2000); // every 2 second.


//I know i can do something like this, but that will reload the page and not just the mytotal on the page.
        $(document).ready(function() {
            // auto refresh page after 2 seconds
            setInterval('refreshPage()',  2000);
        });
    
        function refreshPage() {
            location.reload();
        }

This is the working code i have for now

CODE

        $(document).ready(function() {
            // auto refresh page after 1 second
            setInterval('refreshPage()',  2000);
        });
    
        function refreshPage() {
            location.reload();
        } // Change this to update only mytotal and not reload the page.
    var myArray;

        $.getJSON( "JsonFile.json", function( json ) {
          myArray = json;
          
          //console.log(myArray); // for Debuging
            var myTotal = 0;  

            for(var i = 0, len = myArray.length; i < len; i++) {
                myTotal += myArray[i].Amount;  
            }
            
            document.write("<span style='font-size: 50px;'>Total:  "+ myTotal + "kr");

         });

This is how the json file.

CODE

[
   {
      "DonationId":"DonationId1",
      "Name":"Name Of Dono 1 ",
      "Amount":250.0000,
      "Message":"This is a custom message from Name",
      "MessageAnswer":"",
      "CollectorImageUrl":null,
      "CurrencySymbol":"$",
      "CollectionUrl":"",
      "TransactionDate":"03.12.2020"
   },
   {
      "DonationId":"DonationId2",
      "Name":"Name Of Dono 2 ",
      "Amount":100.0000,
      "Message":"This is a custom message from Name",
      "MessageAnswer":"",
      "CollectorImageUrl":null,
      "CurrencySymbol":"$",
      "CollectionUrl":"",
      "TransactionDate":"03.12.2020"
   },
   {
      "DonationId":"DonationId3",
      "Name":"Name Of Dono 3 ",
      "Amount":500.0000,
      "Message":"This is a custom message from Name",
      "MessageAnswer":"",
      "CollectorImageUrl":null,
      "CurrencySymbol":"$",
      "CollectionUrl":"",
      "TransactionDate":"03.12.2020"
   },
]

Reason for why i want to only update mytotal, is because when the page reloads, it goes blank for a sec before showing the value.

So i am wondering if anyone of you guys know how i can reload just "myTotal" and not the page.

Sorry for bad english, but i hope you understand.

Thanks,
sanoj96

[CharlesEF]

Don't use document.write anywhere. All you need is an input to hold the value (myTotal). Then use JS to update that value or innerHTML, depending on which element you use. No page reload or setInterval needed at all. You can even tie the calculation to some event. You should have a very good reason to use document.write and based on what you have said this is NOT one of those times.

[sanoj96]

Don't use document.write anywhere. All you need is an input to hold the value (myTotal). Then use JS to update that value or innerHTML, depending on which element you use. No page reload or setInterval needed at all. You can even tie the calculation to some event. You should have a very good reason to use document.write and based on what you have said this is NOT one of those times.

Thanks for the Pointers! I managed to get it working!