JavaScript Tutorial

JavaScript Tutorial – Learn JavaScript programming from basics with the help of our Online JavaScript Training.

About JavaScript

JavaScript is

  • Programming Language – consists of instructions.
  • High Level – Strong abstraction from details of computer.
  • Dynamic – Executes at runtime.
  • Prototype based – Behaviour reuse is done using prototypes.
  • Interpreted – An interpreter executes the code directly without a need for compilation.

Why learn JavaScript ?

JavaScript is one of the three important languages being used for WWW (World Wide Web) content production, the other two being HTML and CSS. So, if you are planning to become a Web Developer, JavaScript is kind of must nowadays.

  • HTML – defines content in web pages.
  • CSS – defines layout of elements in html.
  • JavaScript – defines behaviour of web pages.

Also, based on JavaScript programming language, many frameworks and databases have been developed. The most popular and trending now a days is MEAN stack.

  • M – MongoDB
  • E – Express (web application framework)
  • A – AngularJS
  • N – Node.js

JavaScript is Easy to Learn

Learning JavaScript is very simple. With our Try Online option, you may try executing the code right here, with us. There are many examples included in this JavaScript Tutorial. We strongly recommend that you try these example online, here itself, and get hands on experience of JavaScript basics and advanced concepts.

Simple Example

Following is a simple JavaScript Example, using alert() method.

<script>
    alert('Learn JavaScript');
</script>

JavaScript – HTML Element Howtos

The following list of JavaScript Tutorials cover some of the commonly searched howtos for a HTML element using JavaScript.

  1. How to get Attributes of HTML Element Element in JavaScript?
  2. How to Insert Element in Document after Specific HTML Element Element using JavaScript?
  3. How to get Number of Child Elements of this HTML Element in JavaScript?
  4. How to Get Children of an HTML Element in JavaScript?
  5. How to Iterate over Children of HTML Element in JavaScript?
  6. How to Get Class Names of an HTML Element as List in JavaScript?
  7. How to Get Class Names of an HTML Element as String in JavaScript?
  8. How to Get Height of an HTML Element in JavaScript?
  9. How to Get Width of an HTML Element in JavaScript?
  10. How to Get First Child of an HTML Element in JavaScript?
  11. How to Get Last Child of an HTML Element in JavaScript?
  12. How to Get Next Sibling of an HTML Element in JavaScript?

JavaScript Tutorials – Modifying Styles of HTML Elements using JavaScript

  1. JavaScript – Change style of HTML element – HTMLElement.style
  2. How to Change the Background Color of HTML Element in JavaScript?
  3. How to Change Font Color of HTML Element in JavaScript?
  4. How to Change the Border of HTML Element in JavaScript?
  5. How to Change Bottom Border of HTML Element in JavaScript?
  6. How to Change Top Border of HTML Element in JavaScript?
  7. How to Change Left Border of HTML Element in JavaScript?
  8. How to Change Right Border of HTML Element in JavaScript?
  9. How to Change Border Color of HTML Element in JavaScript?
  10. How to Change Border Width of HTML Element in JavaScript?
  11. How to Change Border Style of HTML Element in JavaScript?
  12. How to Change Border Radius of HTML Element in JavaScript?
  13. How to Change Font Size of HTML Element in JavaScript?
  14. How to Change Font Family of HTML Element in JavaScript?
  15. How to Change Font Weight of HTML Element in JavaScript?
  16. How to Change Opacity of HTML Element in JavaScript?
  17. How to Change Width of HTML Element in JavaScript?
  18. How to Change Height of HTML Element in JavaScript?
  19. How to Clear Inline Style of HTML Element in JavaScript?
  20. How to Hide HTML Element in JavaScript?
  21. How to Underline Text in HTML Element in JavaScript?
  22. How to Change Text in HTML Element to Bold in JavaScript?
  23. How to Change Text in HTML Element to Italic in JavaScript?
  24. How to Change Padding of HTML Element in JavaScript?
  25. How to Change Margin of HTML Element in JavaScript?

JavaScript – Paragraph Element Howtos

The following list of JavaScript Tutorials cover some of the commonly searched howtos for a paragraph element in HTML.

  1. How to Change the Background Color of Paragraph in JavaScript?
  2. How to Change Font Color of Paragraph in JavaScript?
  3. How to Change the Border of Paragraph in JavaScript?
  4. How to Change Bottom Border of Paragraph in JavaScript?
  5. How to Change Top Border of Paragraph in JavaScript?
  6. How to Change Left Border of Paragraph in JavaScript?
  7. How to Change Right Border of Paragraph in JavaScript?
  8. How to Change Border Color of Paragraph in JavaScript?
  9. How to Change Border Width of Paragraph in JavaScript?
  10. How to Change Border Style of Paragraph in JavaScript?
  11. How to Change Border Radius of Paragraph in JavaScript?
  12. How to Change Font Size of Paragraph in JavaScript?
  13. How to Change Font Family of Paragraph in JavaScript?
  14. How to Change Font Weight of Paragraph in JavaScript?
  15. How to Change Opacity of Paragraph in JavaScript?
  16. How to Change Width of Paragraph in JavaScript?
  17. How to Change Height of Paragraph in JavaScript?
  18. How to Clear Inline Style of Paragraph in JavaScript?
  19. How to Hide Paragraph in JavaScript?
  20. How to Underline Text in Paragraph in JavaScript?
  21. How to Change Paragraph Text to Bold in JavaScript?
  22. How to Change Paragraph Text to Italic in JavaScript?
  23. How to Change Padding of Paragraph in JavaScript?
  24. How to Change Margin of Paragraph in JavaScript?

JavaScript – Div Element Howtos

The following list of JavaScript Tutorials cover some of the commonly searched howtos for a Div element in HTML.

  1. How to Change the Background Color of Div in JavaScript?
  2. How to Change Font Color of Div in JavaScript?
  3. How to Change the Border of Div in JavaScript?
  4. How to Change Bottom Border of Div in JavaScript?
  5. How to Change Top Border of Div in JavaScript?
  6. How to Change Left Border of Div in JavaScript?
  7. How to Change Right Border of Div in JavaScript?
  8. How to Change Border Color of Div in JavaScript?
  9. How to Change Border Width of Div in JavaScript?
  10. How to Change Border Style of Div in JavaScript?
  11. How to Change Border Radius of Div in JavaScript?
  12. How to Change Font Size of Div in JavaScript?
  13. How to Change Font Family of Div in JavaScript?
  14. How to Change Font Weight of Div in JavaScript?
  15. How to Change Opacity of Div in JavaScript?
  16. How to Change Width of Div in JavaScript?
  17. How to Change Height of Div in JavaScript?
  18. How to Clear Inline Style of Div in JavaScript?
  19. How to Hide Div in JavaScript?
  20. How to Underline Text in Div in JavaScript?
  21. How to Change Text in Div to Bold in JavaScript?
  22. How to Change Text in Div to Italic in JavaScript?
  23. How to Change Padding of Div in JavaScript?
  24. How to Change Margin of Div in JavaScript?