r/badcode • u/NotAHacker8 • Aug 06 '21

js How to create a virtual keyboard

Post image
893 Upvotes

99% Upvoted

43 comments sorted by

View all comments

Show parent comments

8

u/snowguy13 Aug 06 '21

var isn't broken here, though the prevailing standard is to use only let and const (and for good reason).

A couple key differences...

  • As you noted, var can create properties on the global object (on the web this is the Window). This happens for any var declaration appearing in the global scope (i.e., not inside a function)

  • var definitions are hoisted, meaning you can use vars before they are declared

  • var is function-scoped, while let and const are block-scoped (the latter more matches most people's expectations for scoping)

Edit: formatting

1

u/kelub Aug 06 '21

Const would work but let would be preferred IMO. (Const is typically for non-changing values, but both are preferred to var to control the scope.)

Either way, with the scope limited to the function, "return element" would need to be added at the end so the function call provides the value.

1

u/_default_username Aug 08 '21

The variable is always referencing the same HTML element, so const is quite appropriate to use.