Question: I need help For this assignment you will use your Recipe project as the source. 1. Counting Views - Use a persistent cookie to track
I need help
For this assignment you will use your Recipe project as the source.
1. Counting Views - Use a persistent cookie to track the number of times each recipe has been viewed.
2. Interest - Use a persistent cookie to track the average amount of time your customer looks at each recipe.
3. Create a page for your recipe project that will display the information about the recipes.
4. Demonstrate your updates to the class and discuss how you used the cookies.
Here is my code:
| body{ | |
| background-color: #F5F5F5; | |
| } | |
| .body{ | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 50%; | |
| height 100%; | |
| background-color: #F5F5DC; | |
| } | |
| .expand { | |
| font-size:40%; | |
| color:#0000FF; | |
| -webkit-transition-delay: 30s; | |
| transition-delay: 30s; | |
| } | |
| $(document).ready(function() { | |
| $("#req").click(function() { | |
| $("#reqs").toggle(); | |
| }); | |
| $("#ing").click(function() { | |
| $("#ings").toggle(); | |
| }); | |
| $("#ins").click(function() { | |
| $("#inss").toggle(); | |
| }); | |
| $("#veg").click(function() { | |
| $("#meat").toggle(); | |
| $("#meat2").toggle(); | |
| }); | |
| $("#spice").click(function() { | |
| $("#spices").toggle(); | |
| }); | |
| $("#dairy").click(function() { | |
| $("#dairy1").toggle(); | |
| $("#dairy2").toggle(); | |
| $("#dairy3").toggle(); | |
| }); | |
| $("#serving").change(function () { | |
| var serv = parseFloat($('#serving').find(":selected").val()); | |
| switch(serv) { | |
| case 1: | |
| document.getElementById("i1").innerHTML = "1"; | |
| document.getElementById("i2").innerHTML = "1/2"; | |
| document.getElementById("i3").innerHTML = "1/2"; | |
| document.getElementById("i4").innerHTML = "2"; | |
| document.getElementById("i5").innerHTML = "1/2"; | |
| document.getElementById("i6").innerHTML = "1/2"; | |
| document.getElementById("i7").innerHTML = "1"; | |
| document.getElementById("i8").innerHTML = "1"; | |
| document.getElementById("i9").innerHTML = "1"; | |
| document.getElementById("i10").innerHTML = "1"; | |
| document.getElementById("i11").innerHTML = "1/2"; | |
| document.getElementById("i12").innerHTML = "1/4"; | |
| break; | |
| case 2: | |
| document.getElementById("i1").innerHTML = "2"; | |
| document.getElementById("i2").innerHTML = "1"; | |
| document.getElementById("i3").innerHTML = "1"; | |
| document.getElementById("i4").innerHTML = "4"; | |
| document.getElementById("i5").innerHTML = "1"; | |
| document.getElementById("i6").innerHTML = "1"; | |
| document.getElementById("i7").innerHTML = "2"; | |
| document.getElementById("i8").innerHTML = "2"; | |
| document.getElementById("i9").innerHTML = "2"; | |
| document.getElementById("i10").innerHTML = "2"; | |
| document.getElementById("i11").innerHTML = "1"; | |
| document.getElementById("i12").innerHTML = "1/2"; | |
| break; | |
| case 3: | |
| document.getElementById("i1").innerHTML = "4"; | |
| document.getElementById("i2").innerHTML = "2"; | |
| document.getElementById("i3").innerHTML = "2"; | |
| document.getElementById("i4").innerHTML = "8"; | |
| document.getElementById("i5").innerHTML = "2"; | |
| document.getElementById("i6").innerHTML = "2"; | |
| document.getElementById("i7").innerHTML = "4"; | |
| document.getElementById("i8").innerHTML = "4"; | |
| document.getElementById("i9").innerHTML = "4"; | |
| document.getElementById("i10").innerHTML = "4"; | |
| document.getElementById("i11").innerHTML = "2"; | |
| document.getElementById("i12").innerHTML = "1"; | |
| break; | |
| } | |
| }); | |
| }); // end of doc ready | |
| function colChange(){ //Changes color of expand | |
| document.getElementById("exp1").style.color = "#F5F5DC"; | |
| document.getElementById("exp2").style.color = "#F5F5DC"; | |
| document.getElementById("exp3").style.color = "#F5F5DC"; | |
| } | |
Grade Stuffs | |
A company is creating a website featuring a variety of recipes. They would like their recipes to have some dynamic functionality. | |
They are asking you to submit an example recipe format for their review. The following guidelines have been offered. | |
The recipe's displayable area should be broken down into three main areas. The heading, ingredient list and preparation instructions. | |
The recipe heading should: | |
The recipe ingredient list should: | |
The preparation instructions should: | |
Crockpot Chili | |
Preparation: 25 minutes | |
Cooking: 6 hours | |
| Vegetarian | |
| Spicy | |
| Dairy Free | |
Ingredients: | |
2 tbsp. cooking oil | |
1 cup onion | |
1 cup chopped peppers | |
4 tbsp. Chili powder | |
1 tsp. Hot chili powder | |
1 lb ground beef or chicken | |
2 cans Red Beans | |
2 cans Kidney Beans | |
2 cans Tomato Puree | |
2 cans Tomato Sauce | |
1 cup shredded cheese | |
1/2 cup sour cream | |
Instructions: | |
Heat cooking oil in 2 quart skillet. | |
Saute onions and peppers for 5 minutes. | |
Add spices and stir for 30 seconds. | |
Add meat and cook until browned. Approximately 15 minutes. | |
Pour contents of skillet into 3 quart crock pot. | |
Rinse beans and place in crockpot. | |
Open and pour Tomato puree and sauce into crock pot. | |
Cover crockpot and cook on low for 6 hours. | |
Serve into individual bowls and top with sour cream and cheese. | |
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
