Question: I need help creating a JavaScript for the following: Add another Unordered List (using) after the Unordered List already in this html file. The new

I need help creating a JavaScript for the following:

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. Add list element salt in between pine nuts and honey. After Header 2() insert Header 3 (using) with text Electronics. 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

Here is my HTML code:

JavaScript & jQuery - Chapter 5: Document Object Model - Example

Buy groceries

fresh figs
pine nuts
honey
balsamic vinegar

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer

Step: 1 Unlock blur-text-image

Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock

Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!

Write a JaveScript: Here is my html code: JavaScript & jQuery - Chapter 5: Document Object Model - Example List Buy groceries fresh figs pine nuts honey balsamic vinegar Use your script to 1. Add...

Can someone help with Javascript assignment, I am having trouble getting the exact outcome for the resulting web page. The instructions are: 1.Add another Unordered List (using ) after the Unordered...

Build a resume website html 5 tags: Home,Cover,Resume, Hobby and Contact. Naigation menu using button tag. header should shown correct page in order. Content Folder: Create a file folder called...

Workshop Two - 2.6 Dropbox Create A Web Page With A Header, Lists And Links Introduction and Alignment This assignment requires the knowledge of basic HTML to create a web page. Use the W3Schools...

Module 8: Responsive Design Using Flexbox Lab This week we'll create a very simple page layout that uses CSS Flexbox to create a responsive two column layout. You can use this layout as a starting...

Steps for Lab Instructions Create a new repl called Lab 3 . Extract all of the files in Lab 3 Files.zip to your computer and then upload them to your Lab 3 repl. In this lab, we will practice using...

Web Pages and HTML scope of this lab, which focuses on the basics of what's going on underneath. TextEdit on MacOSX or any equivalent program." Or search for them from the 'go' menu. Do not use Word...

#include using namespace std; class listNode{ private: int value; listNode* next; public: listNode(int newValue){ value = newValue; next = NULL; } void print(){ cout friend class linkedList; }; class...

Create a new document and save it as lab8 B xx .html in your All102Submissions folder, where xx are your first and last name initials. 2. Inside the body element, create a container for the entire...

lab8A article, header, nav, section{ display:block; } body { margin:0px; width: 960px; margin: auto; display: inline; background-color:lightblue } p{ line-height:1.5em; padding-bottom:1em; } .line{...

Barton Inc. completed its first year of operations on December 31, 2014. Because this is the end of the fiscal year, the company bookkeeper prepared the following tentative statement of earnings: You...

Cjoins the partnership of A and B. The partnership's statement of financial position before C's admission is as follows: Cash Accounts Receivable Inventory Equipment Total Assets P 30,000 140,000...

Justice Corporation, a calendar year taxpayer, has Alternative Minimum Taxable Income ( before the Exemption amount ) of $ 6 0 0 , 0 0 0 in 2 0 1 8 . Justice Corporation's Tentative Minimum Tax for 2...

Gary Levin is the chief executive officer of Mountainbrook Trading Company. The board of directors has just granted Mr. Levin 46,000 at-the-money European call options on the companys stock, which is...

Teamwork. After the class has been divided into at least two teams, take turns acting out, without speaking, roles presented by the teacher. (Objective 7)

List and explain the four characteristics of nonverbal messages.What nonverbal messages might students be sending if (a) they were leaning forward in their seats during the instructors lecture and...

If you are in a meeting and the speaker is saying something but his or her facial expressions and tone of voice seem to being saying something else, what would you believe, the words or the nonverbal...