javascript events not working with Chrome Extension , why ! :/

Question

HTML // code

input id ="submit_btn" type="submit" value="find" onclick="goto();"

Javascript / code

 function goto()
    {
        if (document.getElementById("s_keyword").value != "") {
            var url = ("https://www.youtube.com/results?search_query=" + document.getElementById("s_keyword").value);
            var site = window.open(url, '_blank');
            site.focus();
        }
    };

it never enters into goto function !

Regarding the duplicate, see "Inline event listeners" in the accepted answer: "*` — apsillers, Jul 16 '14 at 22:25

score 2 · Answer 1 · answered Jul 16 '14 at 21:13

2

Chrome extensions don't support inline events. Add the event listener in your JavaScript, and it'll be fine:

document.getElementById('submit_btn').addEventListener('click', goto);

You may want to avoid using goto as your function's name too. It may be a reserved keyword.

answered Jul 16 '14 at 21:13

Some Guy

15,854
10
58
67

my javascript code is in external file already .. – Ahmed Mohsen Jul 16 '14 at 21:15
@user3763059 You have some JavaScript in your HTML, which is called inline JavaScript. (Specifically, the `onclick="goto();"` part) – Some Guy Jul 16 '14 at 21:16

javascript events not working with Chrome Extension , why ! :/

1 Answers1