Web Dev Series 4 - How to use icons in website and JS variables, let and const etc.

Web Dev Series 4 - How to use icons in website and JS variables, let and const, etc.


An image of the feature section


An image of the web page's response we got from clicking on the button

An image of the code base 1

An image of the code base 2

An image of the code base 3

An image of the code base 4

Color: Through property, you can also change the color of the font by giving the color property and then adding a (:) and then giving the color name of hexa-code color code, etc. Ex-color: blue;

Font-size: To increase the size of the icon you have to use the font-size property and then mention the size of the font in pixels or percentages etc. Ex - font-size: 20px;

Var: This is used to store IDs and classes etc through  DOM manipulation and for other purposes too.

let and const: Both of them also have the same purpose as variables but they are the latest in JS

Document.getElementById(): Through this, you can target an ID and inject styling and HTML, etc in your HTML or CSS document.

Document.getElementsByClassName(): Through this, you can target a class and inject styling and HTML, etc into your HTML or CSS document.


1. How do add icons to a website?

Ans: To add an icon in your website you have to go on a website which provides icons and then copy their cdn or else you can also use the other methods and copy the cdn before your </head> tag and then search for an icon that you want to add choose it and copy it's code and paste it where you want to add that icon.

Conclusion

If you liked our today's post and love reading more posts like this then don't forget to share our post with your developer friends and subscribe to our blog All-time-dev. Thank you :)

Post a Comment

0 Comments