Topics - Video Tutorials & Practice Problems

<v ->In Lesson 9,</v> you'll return to JavaScript's native environment and put your newly created node module to work in the browser. Specifically, we'll be making a simple single-page JavaScript application that takes in a string from the user and indicates whether or not that string is a palindrome. Our approach involves gradually increasing levels of sophistication, starting with a simple hello world style proof of concept. We'll then add a prompt alert design that will motivate the introduction of event listeners. This involves adding a piece of code that waits for a particular event to happen and then responds appropriately. In our case, the listener will wait for a button to be clicked and then prompt the user to enter a string, which will then test to see if it's a palindrome. Next, we'll replace the alert with Dynamic HTML inserted on the page itself. Our first example of manipulating the Document Object Model indicating right on the page of the string is a palindrome. Finally, we'll add an HTML form, which is a more convenient method for entering data than a JavaScript prompt. As part of this, we'll update the event listener to respond by updating the page itself when the user submits the form, thereby creating a fully functional palindrome detector.