This code uses JavaScript called by various events to change text using the DOM
These text input fields are converted to upper or lower case using JavaScript. Clicking a radio button immediately converts everything to the case selected (except Mixed whis really does nothing). Individual boxes are changed using onBlur,onChange, or onFocus to help you see the difference between these event handlers. Try clicking in another box, outside the boxes, in the same box, or re-sizing window to see some of the differences.
Last name:     uses onBlur()
First name:     uses onChange()
City name:      uses onFocus()

UPPERCASE lowercase Mixed