function in javascript not working when called

Question

I have a javascript code that works by removing the first and the last line of it.

Please take a look at JSFiddle

for people who wants to see it in here, here is my html:

<input id="search" onclick="search()" type="button" value="Search"/>

my javascript :

    function search() {
var search = document.getElementById('search');

var int = setInterval(function() {
    if (search.value.length == 6)
        search.value = 'Searchi';
    else if (search.value.length == 7)
        search.value = 'Searchin';
    else if (search.value.length == 8)
    search.value = 'Searching';
    else {
        search.value= 'Search';
            }
    //clearInterval( int ); // at some point, clear the setInterval
}, 500);

}

I want the function to work only when I click the button.

See .. it works :jsfiddle.net/subTZ/61

Anujith
– Anujith

2012-12-17 08:22:14 +00:00
Commented Dec 17, 2012 at 8:22 — Anujith
– Anujith, Commented Dec 17, 2012 at 8:22
Select "no wrap (head)" in jsFiddle, solved.

elclanrs
– elclanrs

2012-12-17 08:22:34 +00:00
Commented Dec 17, 2012 at 8:22 — elclanrs
– elclanrs, Commented Dec 17, 2012 at 8:22

Alnitak · Accepted Answer · 2012-12-17 08:23:46Z

2

You've selected jQuery in jsfiddle.net which by default causes the site to wrap your whole code in a document.ready handler.

The result is that your search function becomes a local function within that wrapper, and not a global variable as required by a DOM0 onclick handler.

Set the jsfiddle options to "no wrap (body)" and "No-Library (pure js)" to turn off that functionality.

answered Dec 17, 2012 at 8:23

Alnitak

341k72 gold badges420 silver badges503 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

syrkull Over a year ago

Thank you for the tip and it worked in the JSFiddle website. but I cannot manage it to work in a normal HTML document. Is there certain objects that I need to fix inside the HTML document?

Alnitak Over a year ago

@shnisaka I can't see anything obviously wrong with the code, although putting JS event handlers inside an onclick attribute is considered very old fashioned these days.

Collectives™ on Stack Overflow

function in javascript not working when called

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related