filmov
tv
Dynamically update a paragraph in plain JavaScript

Показать описание
In this video, you'll learn how to:
1. Connect a JavaScript file and an HTML file using the script element and the src attribute.
2. Handle an input change event using the onchange attribute in plain JavaScript
3. Declare a function to handle the change events
4. Use the live server VS Code extension
5. Console log a string whenever the change event is triggered in the input element
6. Console log the actual characters that a user types into the input element
7. Add an id attribute to an HTML element
8. Target a specific id attribute's value in the DOM, using JavaScript
9. Store values in JavaScript variables
10. Access the value of an input element and store it in a variable
11. Update a paragraph tag with the value of the input field whenever the change event is triggered
12. Push the current value of the input into an array
13. Understand why the array variable needs to be outside of the event-handling function (if we want to keep the values of previous inputs in the array variable from being reset)
14. Separate the output array items with a space character in the dynamically generated paragraph
@jsFromScratch
1. Connect a JavaScript file and an HTML file using the script element and the src attribute.
2. Handle an input change event using the onchange attribute in plain JavaScript
3. Declare a function to handle the change events
4. Use the live server VS Code extension
5. Console log a string whenever the change event is triggered in the input element
6. Console log the actual characters that a user types into the input element
7. Add an id attribute to an HTML element
8. Target a specific id attribute's value in the DOM, using JavaScript
9. Store values in JavaScript variables
10. Access the value of an input element and store it in a variable
11. Update a paragraph tag with the value of the input field whenever the change event is triggered
12. Push the current value of the input into an array
13. Understand why the array variable needs to be outside of the event-handling function (if we want to keep the values of previous inputs in the array variable from being reset)
14. Separate the output array items with a space character in the dynamically generated paragraph
@jsFromScratch