Assembling the Stopwatch
Let's assemble everything that we have built in the previous lessons to create a full-fledged stopwatch application.
Stopwatch application
All three observables have been created. Now it’s time to assemble everything into an actual program.
Bud1
x . h t m l
i n d e x . h t m lIlocblob ; (ÿÿÿÿÿÿ p a c k a g e - l o c k . j s o nIlocblob © (ÿÿÿÿÿÿ p a c k a g e . j s o nIlocblob (ÿÿÿÿÿÿ p a c k a g e . j s o n . s b - a 4 8 e 3 b 4 8 - L E 4 G 1 wIlocblob ÿÿÿÿÿÿ s t o p w a t c h - c o m p l e t e . t sIlocblob
(ÿÿÿÿÿÿ s t o p w a t c h . t sIlocblob ó (ÿÿÿÿÿÿ
t s c o n f i g . j s o nIlocblob ; ÿÿÿÿÿÿ w e b p a c k . c o n f i g . j sIlocblob © ÿÿÿÿÿÿ @ @ @ @ E
DSDB ` @ @ @ Stopwatch application project
🙋♂️ Joe asks: What does that
<HTMLElement>mean?This course uses TypeScript for all the examples. The <angle bracket notation> denotes the specific return type for
querySelector. TypeScript knows thatquerySelectorwill return some kind ofelement. In this case, we know specifically that we’re querying for an element of the HTML variety, so we use this syntax to override the genericelement. With that override, TypeScript now knows thatresultsAreahas properties specific to anHTMLElement...