diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 00000000..234b0df9
Binary files /dev/null and b/.DS_Store differ
diff --git a/CSS/styles.css b/CSS/styles.css
new file mode 100644
index 00000000..e2918207
--- /dev/null
+++ b/CSS/styles.css
@@ -0,0 +1,39 @@
+html {
+ font-size: 62.5%;
+ font-family: sans-serif;
+ background: url('../IMAGES/TR_NationalAsset_WuTangNas_SG_1200x628.jpg');
+ background-position: center;
+ background-size: cover;
+}
+
+#name {
+ display: block;
+}
+
+body {
+ font-size: 1.5rem;
+ background: yellow;
+ margin: 3rem 40rem;
+ border-radius: 10%;
+ opacity: 80%;
+}
+
+h1,
+h3 {
+ font-size: 3.5rem;
+}
+
+header,
+.questions,
+.buttons {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+ text-align: center;
+}
+
+button {
+ margin: 1rem;
+ padding: 1rem 3rem;
+}
\ No newline at end of file
diff --git a/IMAGES/TR_NationalAsset_WuTangNas_SG_1200x628.jpg b/IMAGES/TR_NationalAsset_WuTangNas_SG_1200x628.jpg
new file mode 100644
index 00000000..3d84a217
Binary files /dev/null and b/IMAGES/TR_NationalAsset_WuTangNas_SG_1200x628.jpg differ
diff --git a/JS/script.js b/JS/script.js
new file mode 100644
index 00000000..8d1b626c
--- /dev/null
+++ b/JS/script.js
@@ -0,0 +1,38 @@
+//Create an event listener to get name
+document.querySelector('#name').addEventListener('click', generateName)
+//Create a function that takes all checked user inputs to generate a name
+ //to grab input select input element put name in brackets use :checked ('is checked')
+ //wrap in num method to ensure inputs are ints
+function generateName() {
+ let q1 = Number(document.querySelector('input[name="q1"]:checked').value)
+ let q2 = Number(document.querySelector('input[name="q2"]:checked').value)
+ let q3 = Number(document.querySelector('input[name="q3"]:checked').value)
+ let q4 = Number(document.querySelector('input[name="q4"]:checked').value)
+ let q5 = Number(document.querySelector('input[name="q5"]:checked').value)
+ console.log(q1)
+ console.log(q2)
+ console.log(q3)
+ console.log(q4)
+ console.log(q5)
+ //create 2 arrays for first name and last name with 10 options
+ let fName = ['Samurai', 'Triumphant', 'Supreme', 'Diabolical', 'Ol', 'DJ', 'Forever', 'Fatal', 'Smooth', 'Sleek']
+ let lName = ['World', 'Cosmo', 'Pine', 'Deliciosa', 'Pepper', 'Moss', 'Driver', 'Iris', 'Ghost', 'Clover']
+ // Generate random values from variables
+ //each user input will be a diff int, you add and get avg
+ //with that avg, you will get a random index from within the array
+ // let random = Math.round((q1+q2+q3+q4+q5) / 25) -5
+ let random = Math.floor((q3+q4+q5)/(q1 + q2))
+ //Random variable will generate a random fn and ln based on user input
+ let firstRandom = fName[random]
+ let lastRandom = lName[random]
+ document.querySelector('#result').innerText = `${firstRandom} ${lastRandom}`
+ console.log(random)
+}
+
+//To refresh
+document.querySelector('#restart').addEventListener('click', refresh)
+function refresh() {
+ location.href = location.href
+}
+
+// '', '', '', '', '', '',
\ No newline at end of file
diff --git a/README.md b/README.md
index 70ccbdde..40fa10b1 100644
--- a/README.md
+++ b/README.md
@@ -1,22 +1,15 @@
-# 🎤 Week08 Bootcamp2019a Project: Wu-Tang Name Generator
+# Wu-Tang Name Generator
-### Goal: Create a Wu-Tang Clan name generator. Present the user with 5 survey questions and based on those answers randomly generate their name. The name doesn't have to be exact names, but Wu-Tang sounding-ish names. Ex: Childish Gambino (who actually got his name from a Wu-Tang name generator).
+
-### How to submit your code for review:
+## How it's made
+HTML, CSS, JS
-- Fork and clone this repo
-- Create a new branch called answer
-- Checkout answer branch
-- Push to your fork
-- Issue a pull request
-- Your pull request description should contain the following:
- - (1 to 5 no 3) I completed the challenge
- - (1 to 5 no 3) I feel good about my code
- - Anything specific on which you want feedback!
+HTML: I created a questionnaire where users can select their choice via radio buttons. I gave each question the same name attribute to ensure users can only select one of the options. I gave each radio input a value with an integer which will later be called in a JavaScript function. Lastly, there are two buttons that have event listener functions to get the name and restart.
-Example:
-```
-I completed the challenge: 5
-I feel good about my code: 4
-I'm not sure if my constructors are setup cleanly...
-```
+CSS: I used basic flex box to ensure simple alignment of my elements.
+
+JS: The main function of this project is to generate a random name based on the results of the user's survey questions. I created a variable for each function to grab the value (from HTML) and wrapped it in a number method to ensure an integer is returned. Using Math.round() I added all the values gathered from the variables. Then I created a variable to access the fName (first name) and lName (last name) arrays. Finally, the result will print the the DOM using template literals.
+
+## Lessons Learned
+I learned how to work with different HTML input attributes and grab them using the DOM. In order to get the same name every time, based on user input, I used the Math object to grab an index in an array, instead of predetermining name combinations based on the various user inputs which would've taken longer.
diff --git a/index.html b/index.html
new file mode 100644
index 00000000..6021d735
--- /dev/null
+++ b/index.html
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+ Wu-Tang Name Generator
+
+
+
+
+
Wu-Tang Name Generator
+
+
+
+
+
Traveler or vacationer?
+
+
+
+
+
Cabin or high-rise?
+
+
+
+
+
Sunrise or sunset?
+
+
+
+
+
Mild or spicy?
+
+
+
+
+
Read or write?
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/practice.html b/practice.html
new file mode 100644
index 00000000..a6261ec5
--- /dev/null
+++ b/practice.html
@@ -0,0 +1,42 @@
+