HTML Button Function

Question

I know how to create a button in HTML but how would I create a JavaScript function that when the button is pressed it keeps creating multiple buttons and just keeps adding them to the screen?

   <script>
    function repeats() {
            ?
    }
   </script
   <input id ="addsubmit"  type="submit" value= "Submit" style = "margin-top: 25px;">
   </input>

It doesn't look like you've tried anything yet. Please do so, or if you have, show us what you've tried. Otherwise it looks like you're asking for free code. — Daedalus
– Daedalus, Commented Oct 22, 2012 at 0:34

salih0vicX · Accepted Answer · 2012-10-22 00:44:10Z

1

Here you go - please let me know is this what you asked for :-)

<html>
<head>
<script language="javascript">
    function repeats() {
        document.getElementById('buttons').innerHTML += '<input id ="addsubmit" onclick="repeats()";  type="submit" value= "Submit" style = "margin-top: 25px;">';
    }
</script>
</head>

<body>
 <input id ="addsubmit" onclick="repeats()";  type="submit" value= "Submit" style = "margin-top: 25px;">
     </input>
     <div  id="buttons">buttons here: </div>
</body>
</html>

answered Oct 22, 2012 at 0:44

salih0vicX

1,3831 gold badge8 silver badges9 bronze badges

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

2 Comments

Homer Homer Over a year ago

@salihOvicX Yea that works, what does the innerHTML mean in the function?

Daedalus Over a year ago

@HomerHomer The inner HTML of the tag.

Collectives™ on Stack Overflow

HTML Button Function

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related