Simple Click on button is not working (JQuery)

Asked Jun 12 '23 at 13:07

Active Jun 12 '23 at 14:30

Viewed 26 times

index.html

type <!DOCTYPE html>
<html>
<head>`your text`
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>Page Title</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    
    <script src='main.js'></script>
</head>
<body>
    <img src="twitter.jpg" id="tv">
    <button id="btn" >OK</button>
    
</body>
</html>here

main.js $("#btn").on("click",function (){ $('#tv').hide(); }) When I click on button nothing happens

when I write a special function in main.js and call it from index.html, it works

edited Jun 12 '23 at 14:30

Jose Manuel de Frutos

1,040
1
7
19

asked Jun 12 '23 at 13:07

Zoran Rajkov

2

Are you waiting for the document to be ready before adding the event listener? The `#btn` element probably doesn't exist yet when `$("#btn")` is run. – DBS Jun 12 '23 at 13:10
Try writing the $("#btn") code after the body tag is closed – Yameen Jun 12 '23 at 13:12
Where and how add document ready? – Zoran Rajkov Jun 12 '23 at 14:13
II load the script main.js after the body tag and everything works. Thank you very much! – Zoran Rajkov Jun 12 '23 at 14:17

Simple Click on button is not working (JQuery)

0 Answers0