's, and realized that this was the issue so I made the necessary adjustment.
+* Implementing and troubleshooting the JavaScript ended up being pretty time consuming. I had trouble deciding what to feature to add. The search feature I decided to add worked initially, but stopped working after I made some adjustments to the code. I reverted elements that could have caused the error, but still could not get it back working properly. On the upside, I feel like I gained a much better understanding of the eventhandler and how it interacts with HTML through this process.
+
+# Citation
+* Idea for the search feature came from the Mozilla Developer site. I adjusted the HTML and JavaSpript code where needed to fit my project.
+https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Looping_code
+
+
+### Deliverable:
+* A theme for your site that you feel comfortable with
+ * Complete all technical requirements for HTML, CSS, and Javascript
+ * Have markups of your pages
+ * Research for a public API that can provide you with content (Optional)
+ * Include a README file. The file should include technical specifications and description of your website.
+ * Host on GitHub, include the link to your GitHub account in the README file(optional)
+ * Submit the project in a ZIP file
+
+
+
+
+
+
+
+
diff --git a/Raleigh.html b/Raleigh.html
new file mode 100644
index 0000000..cb232d8
--- /dev/null
+++ b/Raleigh.html
@@ -0,0 +1,124 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Raleigh
+
+
+
+
+
+
+ Food and Drink
+
+
+
+
+
+Raleigh
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Screenshot_2020-07-10 Durham.png b/Screenshot_2020-07-10 Durham.png
new file mode 100644
index 0000000..cc6ea07
Binary files /dev/null and b/Screenshot_2020-07-10 Durham.png differ
diff --git a/Screenshot_2020-07-10 Food and Drink.png b/Screenshot_2020-07-10 Food and Drink.png
new file mode 100644
index 0000000..ce5a6fd
Binary files /dev/null and b/Screenshot_2020-07-10 Food and Drink.png differ
diff --git a/Screenshot_2020-07-10 Raleigh.png b/Screenshot_2020-07-10 Raleigh.png
new file mode 100644
index 0000000..e6d2ed4
Binary files /dev/null and b/Screenshot_2020-07-10 Raleigh.png differ
diff --git a/css/style.css b/css/style.css
index d17d83a..171a4fa 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,5 +1,5 @@
body {
- background-color: navy;
+ background-color: white;
}
@@ -7,3 +7,37 @@ object {
height: 100vh;
width: 100vh;
}
+
+#img{
+ width: 400px;
+ height: 400px;
+
+}
+
+#rowMargin1{
+ left:150px;
+ position: relative;
+}
+
+#rowMargin2{
+ left:50px;
+ position: relative;
+}
+
+#form{
+ width:500px;
+ left: 50px;
+ position: relative;
+}
+
+#form2{
+ width:500px;
+ left: 170px;
+ position: relative;
+ top: 50px;
+}
+
+#search{
+ left: 80px;
+
+}
diff --git a/img/Canva - Clear Wine Glass With Red Wine.jpg b/img/Canva - Clear Wine Glass With Red Wine.jpg
new file mode 100644
index 0000000..b20cecb
Binary files /dev/null and b/img/Canva - Clear Wine Glass With Red Wine.jpg differ
diff --git a/img/Canva - Fresh Pizza.jpg b/img/Canva - Fresh Pizza.jpg
new file mode 100644
index 0000000..1a9b062
Binary files /dev/null and b/img/Canva - Fresh Pizza.jpg differ
diff --git a/img/dtRal.jpg b/img/dtRal.jpg
new file mode 100644
index 0000000..e766a5c
Binary files /dev/null and b/img/dtRal.jpg differ
diff --git a/index.html b/index.html
index 4dc0c72..bc26249 100644
--- a/index.html
+++ b/index.html
@@ -12,12 +12,75 @@
-
+
+
+
+
+
+
+
+
+
+
The Results are in!
+The Top 5 Restaurants in Raleigh are:
+| Rank | +Restaurant | +Cuisine | +Best Seller | +
|---|---|---|---|
| 1 | +Che Empanadas | +Empenadas | +Sweet Beef Empanadas | +
| 2 | +Beasley's Chicken and Waffles | +Souther | +Chicken and Waffle Plate | +
| 3 | +Nancy's Pizzeria | +Pizza | +Chicago Style Pizza | +
| 4 | +Taza Grill | +Mediterranean | +Lamb Gyro | +
| 5 | +Winston's Grill | +American Fare | +Angus Beef Burger | +
+
+
+
+
+ Tell us about your favorite Raleigh restaurant
+ +
+
+
+ +
+
+
++
+ +
+
+
+
+
+
@@ -35,7 +98,7 @@
- The quickest of brown foxes.
+
@@ -45,6 +108,10 @@
diff --git a/js/Durham.js b/js/Durham.js
new file mode 100644
index 0000000..d4dff54
--- /dev/null
+++ b/js/Durham.js
@@ -0,0 +1,28 @@
+const restaurants = ['Chicken Hut: BOGO chicken dinners after 5pm everyday',
+ 'Bocci: Free breadsticks with pizza purchase everyday before 6pm',
+ 'Nantucket: $10 off prime rib after 9pm every day',
+ 'Nzingas: BOGO shrimp and grits everyday from 11am-3pm',
+ 'Fosters: 50% entrees everyday 3pm-7pm'
+];
+const deal = document.querySelector('#answerDiv2');
+const input = document.querySelector('input');
+const btn = document.querySelector('button');
+
+btn.addEventListener('click', function(){
+ let searchRest = input.value.toLowerCase();
+ input.value='';
+ input.focus();
+ for (let rests = 0; rests < restaurants.length; rests++){
+ let restDeal = restaurants[rests].split(':');
+ if(restDeal[0].toLowerCase() === searchRest){
+ deal.textContent = restDeal[0] + '\'s deal for the week is' + restDeal[1] + '.';
+ break;
+ } else {
+ deal.textContent = 'Restaurant not in top 5';
+ }
+
+
+ }
+
+
+});
\ No newline at end of file
diff --git a/js/Raleigh.js b/js/Raleigh.js
new file mode 100644
index 0000000..054d48b
--- /dev/null
+++ b/js/Raleigh.js
@@ -0,0 +1,28 @@
+const restaurants = ['Che Empanadas: BOGO empanadas after 5pm everyday',
+ 'Beasley\'s Chicken and Waffles: Free Mac n Cheese everyday before 6pm',
+ 'Nancy\'s Pizzeria: $10 off stuffed pizza after 9pm every day',
+ 'Taza Grill: BOGO Lamb Gyro everyday from 11am-3pm',
+ 'Winston\'s Grill: 50% entrees everyday 3pm-7pm'
+];
+const deal = document.querySelector('#answerDiv');
+const input = document.querySelector('input');
+const btn = document.querySelector('button');
+
+btn.addEventListener('click', function(){
+ let searchRest = input.value.toLowerCase();
+ input.value=' ';
+ input.focus();
+ for (let rests = 0; rests < restaurants.length; rests++){
+ let restDeal = restaurants[rests].split(':');
+ if(restDeal[0].toLocaleLowerCase() === searchRest){
+ deal.textContent = restDeal[0] + '\'s deal for the week is' + restDeal[1] + '.';
+ break;
+ } else {
+ deal.textContent = 'Restaurant not in top 5';
+ }
+
+
+ }
+
+
+});
\ No newline at end of file
+ 
+