how come after i enter my input the page refreshes and goes blank again?

<!DOCTYPE html> <html> <head> <script> function outputname(){ var x,y,name; x = document.getElementById("form1"); y = x.elements["name"].value; document.getElementById("demo").innerHTML = "Hello "+ y +"<br>"; document.getElementById("demo").innerHTML += "How are you today" + y + "?"; } </script> </head> <body> <form id="form1"> Name:<input name="name" type="text" size="20"> <button onclick="outputname()">submit</button> </form> <p id="demo"></p> </body> </html>

html javascript html5 java all

29th Jun 2017, 3:02 AM

Hoeft Brian

3 Answers

+ 3

2 main issues here.. • script tag should be placed in body right before closing body. • submit event function needs to set preventDefault to prevent redirection of submit button.

29th Jun 2017, 3:09 AM

Calviղ