When the user types something in the input field, the keyup event is triggered and the function inside the on() method is executed. We then use the val() method to get the value of the input text and assign it to the text variable. Finally, we use the text() method to update the content of the #preview element with the text variable.
This way, as the user types in the input field, the #preview element will update in real-time with the user's text.
Ball Sports Games