React Tutorial

1. In your www directory, download and unzip Lock.zip
2. You should be able to access lock.html via http://cslinux.utm.utoronto.ca/~UTORID/Lock/lock.html
3. Understand Lock/lock.html
4. Modify the LockStatus so that it shows the currentCombo as the user types it.
5. Create a ClearLockButton and add it into the Lock (create another button).
6. Add an appropriate event handler so that the ClearLockButton actually clears the currentCombo.
7. Fix lock.html so it behaves as follows: When the user clicks on a button, the Lock gets the event and then checks if the combination is correct. If it is, then the message changes to Unlocked.

References

• React Lecture