Clicking a button and displaying a javascript function on same page

Question

I'm new to html and javascript. How can I display the for loop that I have in my javascript function on the same page upon clicking the button. Right now I click the button and it brings me to a whole different page displaying 0 to -99. I want the numbers to appear below the button on the same page. Any ideas?

         <fieldset>
         <legend>Loop Until -99</legend>
         <form name="loopuntil99" method="post">
         <input type="button" value="Display -99" onclick="displayArray()" />
         </form>
         </fieldset>

         </body>

         <script type="text/javascript">
       function displayArray()
       {

      for (i=0;i>-100;i--)
      {

    document.write(i + ", ");

       } 
        }

    </script>

     </html>

Answer 1

You can add a div and just modify the HTML in that.

    <div id="output"></div>
</body>
<script type="text/javascript">
function displayArray()
{
    var div = document.getElementById("output");
    div.innerHTML = "0";
    for (i=-1;i>-100;i--)
    {
        div.innerHTML += ", " + i;
    } 
}
</script>

Answer 2

Looks like you are outside the <body> tag. Place that code before the </body> tag and try again.

Clicking a button and displaying a javascript function on same page

Question

2 answers

solution1
1 ACCPTED 2012-02-25 03:21:36

solution2
1 2012-02-25 03:24:43

Clicking a button and displaying a javascript function on same page

Question

2 answers

solution1 1 ACCPTED 2012-02-25 03:21:36

solution2 1 2012-02-25 03:24:43

solution1
1 ACCPTED 2012-02-25 03:21:36

solution2
1 2012-02-25 03:24:43