diff --git a/try-coding-fe/user-input/index.md b/try-coding-fe/user-input/index.md index 0a1d1b9..64c947d 100644 --- a/try-coding-fe/user-input/index.md +++ b/try-coding-fe/user-input/index.md @@ -28,7 +28,9 @@ HTML is still an essential part of modern web applications. It holds the content -After exploring, let's take a look at some specific parts of the code below: +### After exploring, let's take a look at some _specific_ parts of the code below: + +**Note:** We are going to look at the code bit by bit, so we are not seeing all the parts of the code at once. ### HTML @@ -51,6 +53,25 @@ console.log(paragraph.innerText); // printing the text of the paragraph to the c console.log(userInput); // printing any text the user writes to the console ``` +
+
+

Takeaways

+
+ +
+
+ +
+ +
+
+ ## Changing HTML from JavaScript Displaying the information that's already on the page, in the console, is not all that helpful. It was just a stepping stone. @@ -88,9 +109,9 @@ function doSomething() {

Next Level

For this challenge, you'll use the same Replit you used for the previous one! In the previous challenge, you changed the title, but it happened on page load, so it wasn't very exciting.

-

Your Challenge: Combine the two new pieces of knowledge/skill you have to change the title only when the button is clicked.

+

Your Challenge: Combine the two new pieces of knowledge/skill you have to allow the user to change the title only when the button is clicked.

-

Hint: You will need to use the paragraph.innerText and set it equal to the input.value

+

Hint: You will need to use the paragraph.innerText and set it equal to userInput