HTML button onclick event

Question

This might be a very basic question  believe me I found very hard to find the answer to this question on the internet  I have 3 HTML pages stored in my server  Tomcat locally   amp  i want to open these HTML pages on a button click  Any help would be highly appreciated    Here is my code    lt  DOCTYPE html gt   lt html gt     lt head gt         lt meta charset  ISO-8859-1  gt         lt title gt Online Student Portal lt  title gt     lt  head gt   lt body gt     lt form action    gt         lt h2 gt Select Your Choice   lt  h2 gt         lt input type  button  value  Add Students  gt         lt input type  button  value  Add Courses  gt         lt input type  button  value  Student Payments  gt     lt  form gt   lt  body gt   lt  html gt

User · Accepted Answer

Try this -   lt  DOCTYPE html gt    lt html gt    lt head gt        lt meta charset  ISO-8859-1  gt        lt title gt Online Student Portal lt  title gt    lt  head gt    lt body gt        lt form action    gt            lt input type  button  value  Add Students  onclick  window location href  Students html     gt            lt input type  button  value  Add Courses  onclick  window location href  Courses html     gt            lt input type  button  value  Student Payments  onclick  window location href  Payment html     gt       lt  form gt    lt  body gt    lt  html gt

User · Answer

on first button add the following   onclick  window location href  Students html      similarly do the rest 2 buttons    lt input type  button  value  Add Students  onclick  window location href  Students html    gt    lt input type  button  value  Add Courses  onclick  window location href  Courses html    gt    lt input type  button  value  Student Payments  onclick  window location href  Payments html    gt

User · Answer

lt body gt   button  value  Add Students  onclick  window location href  Students html    gt    lt input type  button  value  Add Courses  onclick  window location href  Courses html    gt    lt input type  button  value  Student Payments  onclick  window location href  Payments html    gt   lt  body gt

User · Answer

This example will help you    lt form gt       lt input type  button  value  Open Window  onclick  window open  http   www google com    gt   lt  form gt    You can open next page on same page by    lt input type  button  value  Open Window  onclick  window open  http   www google com    self    gt

User · Answer

You should all know this is inline scripting and is not a good practice at all   with that said you should definitively use javascript or jQuery for this type of thing   HTML   lt  DOCTYPE html gt    lt html gt     lt head gt        lt meta charset  ISO-8859-1  gt        lt title gt Online Student Portal lt  title gt     lt  head gt     lt body gt        lt form action    gt            lt input type  button  id  myButton  value  Add   gt       lt  form gt     lt  body gt    lt  html gt    JQuery  var button my button     myButton     button my button  click function     window location href  Students html         Javascript      get a reference to the element   var myBtn   document getElementById  myButton         add event listener   myBtn addEventListener  click   function event        window location href  Students html           See comments why avoid inline scripting and also why inline scripting is bad

User · Answer

Having trouble with a button onclick event in jsfiddle   If so see Onclick event not firing on jsfiddle net

[javascript] HTML button onclick event

Examples related to javascript

Examples related to html