How to display a javascript result in HTML after the function is finished

Question

I have this iframe on my website that can test your internet speed.

It has a callback function after the test is finished. This function can show various object properties. It now looks like this:

    <script type="text/javascript">
         function nPerfTestCompletedObj(object) {
              document.write(object.id);
     }
    </script>

Problem is that this way it shows the object id on a new blank page.

Anybody can help me out how to show the result below the iframe after the function is finished?

Manik Malhotra · Accepted Answer · 2020-12-23 12:33:24Z

1

you need to create an empty p tag with an id like results. And show the object id on the results div.

Please use the below code

<p id="results"></p>

and then update your function like this:

<script type="text/javascript">
    function nPerfTestCompletedObj(object) {
        document.getElementById('results').innerHTML = object.id;
     }
</script>

You can create more p tags or div to show more properties.

answered Dec 23, 2020 at 12:33

Manik Malhotra

6428 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to display a javascript result in HTML after the function is finished

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related