Button wont click in html/ javascript -
i trying button in html create new string, doesnt anything..
<html> <head> <title>random quote generator</title> <script src="https://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="reffference.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-bvyiisifek1dgmjrakycuhahrg32omucww7on3rydg4va+pmstsz/k68vbdejh4u" crossorigin="anonymous"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-tc5iqib027qvyjsmfhjomalkfuwvxzxupncja7l2mcwnipg9mgcd8wgnicpd7txa" crossorigin="anonymous"></script> </head> <body> <div class="container"> <div class="row text-center"> <h1>random quote generator</h1> <div class="message">click button generate quote!</div> <button id="getmessage" class="btn btn-primary">click me!</button> </div> </div> </body> </html>
here javascript in file reffference.js
$(document).ready(function(){ $("#getmessage").on("click", function(){ $(".message").html("here new generated text"); }); });
the code provided working fine perfectly. if there issues in local, please check console , see whether error logged.
Comments
Post a Comment