What is the correct way to write my line of code with a click or on function?

Question

let reset = document.getElementById('reset');
let start = document.getElementById('start');
let pause = document.getElementById('pause');
let seconds = 0;
let timerId;


function updateTime(){
    document.getElementsByTagName('h1')[0].innerHTML=seconds;
    seconds++;}

// start.on('click', setInterval(updateTime, 1000));
start.click(setInterval(updateTime, 1000));

I want to click on the start button to get the timer to start. As it's written now, my timer starts immediately when I refresh the page, not when I click the start button. The last two lines of the code seem to do the same thing.

One is commented out at the moment, but I'm afraid both are incorrect because the start button does nothing now. I have googled this for hours and have tried this a few different ways (tried onclick too) but I am a new developer and am afraid I'm missing something. I don't know why the timer starts immediately and I don't know how to get it to start when I click on the start button.

When I used onclick, the timer went up every time I clicked on it but not at any set interval. I'm very confused.

The `.on()` and `.click()` methods you're trying to use are jQuery functions, but your other code isn't using jQuery. — Pointy, Nov 27 '16 at 21:18

score 1 · Answer 1 · answered Nov 27 '16 at 21:18

1

Just add an anonymous function in an addEventListener call

start.addEventListener('click', function() {
    setInterval(updateTime, 1000);
});

answered Nov 27 '16 at 21:18

adeneo

312,895
29
395
388

What is the correct way to write my line of code with a click or on function?

1 Answers1