Write a JaveScript:

Here is my html code:

List

Buy groceries

• fresh figs
• pine nuts
• honey
• balsamic vinegar

Use your script to 1. Add another Unordered List (using

) after the Unordered List already in this html file. The new Unordered List lists at least three electronic product names. Set the class of this list to "hot". 2. Add list element "salt" in between "pine nuts" and "honey" 3. After Header 2(

) insert Header 3 (using

) with text "Electronics". 4. Your script need to calculate the total number of groceries listed in the first Unordered List and display it in Header2 as shown in the book example, your script also need to calculate the total electronics in the second Unordered List and display the number in Header 3. The resulting page should look like the image on the next page, you need to implement the look of the webpage using CSS and JAVASCRIPT: BUY GROCERIES kale fresh figs pine nuts salt honey balsamic vinegar cream ELECTRONICS : Computer Ipad Use your script to 1. Add another Unordered List (using

) after the Unordered List already in this html file. The new Unordered List lists at least three electronic product names. Set the class of this list to "hot". 2. Add list element "salt" in between "pine nuts" and "honey" 3. After Header 2(

) insert Header 3 (using

) with text "Electronics". 4. Your script need to calculate the total number of groceries listed in the first Unordered List and display it in Header2 as shown in the book example, your script also need to calculate the total electronics in the second Unordered List and display the number in Header 3. The resulting page should look like the image on the next page, you need to implement the look of the webpage using CSS and JAVASCRIPT: BUY GROCERIES kale fresh figs pine nuts salt honey balsamic vinegar cream ELECTRONICS : Computer Ipad