What Can JavaScript Do?
JavaScript is the programming language of the web. It can calculate, manipulate and validate data. It can update and change both HTML and CSS.
JavaScript Can Change HTML Content
One of many JavaScript HTML methods is getElementById(). The example below "finds" an HTML element (with id="demo"), and changes the element content (innerHTML) to "Hello JavaScript":
code:
document.getElementById("demo").innerHTML = "Hello JavaScript";
JavaScript accepts both double and single quotes.
JavaScript Can Change HTML Attribute Values
In JavaScript, you can dynamically change the value of the src (source) attribute of an img tag or any other HTML attribute. This enables you to create interactive elements like image toggles and dynamic content updates.
JavaScript Can Change HTML Styles (CSS)
Changing the style of an HTML element, is a variant of changing an HTML attribute. You can modify CSS properties like fontSize, color, backgroundColor, and more.
Example:
document.getElementById("demo").style.fontSize = "35px";
JavaScript Can Hide HTML Elements
Hiding HTML elements can be done by changing the display style property:
document.getElementById("demo").style.display = "none";
JavaScript Can Show HTML Elements
Showing hidden HTML elements can also be done by changing the display style property:
document.getElementById("demo").style.display = "block";
History of JavaScript
JavaScript and Java are two completely different languages, both in concept and design. JavaScript was invented by Brendan Eich in 1995, and became an ECMA standard in 1997. ECMA-262 is the official name of the standard. ECMAScript is the official name of the language.
Conclusion
JavaScript is a powerful language that enables you to create dynamic and interactive web experiences. By mastering the basics of JavaScript, you'll be able to build amazing web applications and enhance user interaction on your websites.