Build a 25 + 5 Clock: Cannot pass user story #8

JavaScript
1

Hello!

I’ve gotten all tests to pass except for user story #8, which says:

User Story #8: I can see an element with corresponding id="time-left" . NOTE: Paused or running, the value in this field should always be displayed in mm:ss format (i.e. 25:00).

My time-left format is always 00:00. I was wondering if someone can provide the parameters used for this test? Or perhaps guide me as to what could be wrong with my application?

Your code so far

You can see my codepen here:

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.102 Safari/537.36

Challenge: Build a 25 + 5 Clock

Link to the challenge:

2 
const [sessionLength, setSessionLength] = useState(25);
const [seconds, setSeconds] = useState(25*6);

The session length should be 25 initially and the clock should also show 25:00 onload.

useEffect(()=>{
    setSeconds(sessionLength*60)
  },[sessionLength])

when the sessionLength change you have to update it in the clock also.

on reset setSeconds(25*60); instead of 0

1 Like
3

Thank you. I know what I did wrong now.

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.