JavaScript
The following project requires the use of the following DOM APIs:querySelector(),getElementsByTagName(),querySelectorAll(), andgetElementById(). In order to complete this project successfully, at one point or another, you will have used each of them.
- Open your main.js file.
- Using a DOM api, store the header's text in a variable.
- Using a DOM api, get the number of paragraphs in the page.
- Using a DOM api, get the number of heading tags used in the document.
- Using a DOM api, get the number of list items being used in the unordered list.
- Use the correct DOM api to count the number of links being used in the page.
- set a variable to show the maximum number of links allowed on the page is 3.
- create an if/else statement that argues the following:if the total number of links on the page is greater than the maximum number of links allowed, then print the message "This is too many links. The limit is (include the variable for the maximum number of links)."
If you'd like, copy/paste the following comments into your main.js file to help you complete each of the tasks above.
//the following project requires the use of the following DOM APIs: querySelector(), getElementsByTagName(), querySelectorAll(), and getElementById(). In order to complete this project successfully, at one point or another, you will have used each of them.
//Using a DOM api, store the header's text in a variable
//Using a DOM api, get the number of paragraphs in the page
//Using a DOM api, get the number of heading tags used in the document
//Using a DOM api, get the number of list items being used in the unordered list
//Use the correct DOM api to count the number of links being used in the page
//set a variable to show the maximum number of links allowed on the page is 3
//create an if/else statement that argues the following: if the total number of links on the page is greater than the maximum number of links allowed, then print the message "This is too many links. The limit is (include the variable for the maximum number of links)."
Your final output should look like this...
Lesson 8 Project
My Article Title
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint perferendis, fuga qui facereconsecteturin, tempora, ipsum ducimus voluptas sit aut debitis impedit ipsam similique rem perspiciatis repudiandae aperiam libero.
Lorem ipsum dolor, sit amet consecteturadipisicingelit. Ducimus impedit libero reiciendis quas eaque assumenda commodi vero necessitatibus veniam blanditiis.
Technology
This is the technology section. Here is what you're going to learn:
- Item one
- Item two
- Item three
From the University President
Lorem ipsum dolor sit amet,consecteturadipisicing elit. Voluptates assumenda quae architecto iusto explicabo! Repellendus nostrum eius quidem minima doloremperspiciatistotam autem porro tempora.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates assumenda quae architecto iusto explicabo! Repellendus nostrum eius quidem minima dolorem perspiciatis totam autem porro tempora.
The article title isMy Article Title
This article contains5paragraphs, and a total of3lists items. There are a total of2heading tags and4links used on the page. This is too many links. The limit is3.