创建一个按钮，当在jsp中单击时，它会在下面创建另一个按钮

Question

I want to create a button on my webpage in jsp. When i click this button,a new button should appear on the same page,without changing anything else on the page.

i want the new button to appear just below or on next line of the button clicked

  <input class="btn btn-success" type="button" name="bulk_submission" value="Start a new submission"
    onclick="myFunction();"/>       
    <script>
    function myFunction()
    {
     <input class="btn btn-succes" type="button" name="new_file" value="new file"
    onclick="myFunction2();"/>      
    }
    </script>   
<script>
     function myFunction2()
    { alert("file uploaded");
}
</script>

Answer 1

you should write like this

  < input class = "btn btn-success" type = "button" name = "bulk_submission" value = "Start a new submission" onclick = "myFunction();" / > < script > function myFunction() { var anotherBtn = "<input class=\\"btn btn-succes\\" type=\\"button\\" name=\\"new_file\\" value=\\"new file\\" onclick=\\"myFunction2();\\"/>" var div = document.createElement("div"); div.innerHTML = anotherBtn; document.body.appendChild(div); } function myFunction2() { alert("file uploaded"); } < /script>