diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6f3a291
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+ "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/index.css b/index.css
index cea3eeb..a127f5c 100644
--- a/index.css
+++ b/index.css
@@ -2,4 +2,7 @@ form {
border: 1px solid black;
padding: 20px;
background-color: beige;
+}
+li{
+ display: none;
}
\ No newline at end of file
diff --git a/index.html b/index.html
index bfd4ca6..50b4b72 100644
--- a/index.html
+++ b/index.html
@@ -1,53 +1,83 @@
-
-
- Combining HTML and JavaScript + DOM Lab
-
-
-
Combining HTML and JavaScript + DOM Lab
-
Complete each of the sections below
-
1. String Mirror
-
-
Make a text input with id='mirror-input' and a button with id='mirror-button'
-
They should then be able to click a "submit" button that will display the string the user entered in an element with id='mirror-output'
-
+
+
+ Combining HTML and JavaScript + DOM Lab
+
+
-
-
Waiting for input...
-
+
+
Combining HTML and JavaScript + DOM Lab
+
Complete each of the sections below
+
1. String Mirror
-
2. String Uppercaser
+
+
Make a text input with id='mirror-input' and a button with id='mirror-button'
+
They should then be able to click a "submit" button that will display the string the user entered in an element
+ with id='mirror-output'
+
-
Make a text input with id='uppercaser-input'
-
They should then be able to click a "submit" button with id='uppercaser-button' that will display the string the user entered in all uppercase in an element with id='uppercaser-output'
+
+
Let's see what you typed!
+
+
2. String Uppercaser
-
3. Palindrome Detector
+
Make a text input with id='uppercaser-input'
+
They should then be able to click a "submit" button with id='uppercaser-button' that will display the string the
+ user entered in all uppercase in an element with id='uppercaser-output'
-
The user should be able to enter a string into a text input with id='palindrome-input'
-
They should then be able to click a "submit" button with id='palindrome-button'. Clicking the button will display a string in the form "It is ${true/false} that ${entered string} is a palindrome" with id='palindrome-output'
+
+
Changed Text Here:
+
-
4. Even Checker
+
3. Palindrome Detector
-
The user should be able to enter a number into an input with id='even-checker-input'
-
They should then be able to click a "submit" button with id='even-checker-button' that will display a string in the form "It is ${true/false} that ${entered number} is even" with id='even-checker-output'
+
The user should be able to enter a string into a text input with id='palindrome-input'
+
They should then be able to click a "submit" button with id='palindrome-button'. Clicking the button will display
+ a string in the form "It is ${true/false} that ${entered string} is a palindrome" with id='palindrome-output'
+
+
Is it a palindrome?
+
-
5. Number Doubler
+
4. Even Checker
-
The user should be able to enter a number into an input with id='doubler-input'
-
They should then be able to click a "submit" button with id='doubler-button' that will display a string in the form "${entered number} doubled is ${doubledVal}" with id='doubler-output'
+
The user should be able to enter a number into an input with id='even-checker-input'
+
They should then be able to click a "submit" button with id='even-checker-button' that will display a string in
+ the form "It is ${true/false} that ${entered number} is even" with id='even-checker-output'
+
+
Answer displays here
+
+
5. Number Doubler
-
6. Average of Three Numbers
+
The user should be able to enter a number into an input with id='doubler-input'
+
They should then be able to click a "submit" button with id='doubler-button' that will display a string in the
+ form "${entered number} doubled is ${doubledVal}" with id='doubler-output'
+
+
Output here
+
-
The user should be able to enter 3 numbers into text inputs with ids 'average-input-1', 'average-input-2', and 'average-input-3'
-
They should then be able to click a "submit" button with id='average-button' that will display a string in the form "The average of ${numberOne}, ${numberTwo}, and ${numberThree} is ${average}" with id='average-output'
+
6. Average of Three Numbers
-
Bonus: Vowel Remover
-
-
The user should be able to enter a string into a text input with id='vowel-remover-input'
-
The user should be able to select or deselect a checkbox with id='y-is-vowel-checkbox'
-
They should then be able to click a "submit" button with id='vowel-remover-button' that will display the original string with all vowels removed with id='vowel-remover-output'. If the checkbox is checked, count y as a vowel. Otherwise, count y as a consonant.
+
The user should be able to enter 3 numbers into text inputs with ids 'average-input-1', 'average-input-2', and
+ 'average-input-3'
+
They should then be able to click a "submit" button with id='average-button' that will display a string in the
+ form "The average of ${numberOne}, ${numberTwo}, and ${numberThree} is ${average}" with id='average-output'
+
+
+
+
The Average
+
-
-
+
Bonus: Vowel Remover
+
+
The user should be able to enter a string into a text input with id='vowel-remover-input'
+
The user should be able to select or deselect a checkbox with id='y-is-vowel-checkbox'
+
They should then be able to click a "submit" button with id='vowel-remover-button' that will display the original
+ string with all vowels removed with id='vowel-remover-output'. If the checkbox is checked, count y as a vowel.
+ Otherwise, count y as a consonant.