JavaScript

JavaScript is a scripting language used to make interactive web pages. It is inserted into a web page using the script tag, either directly into the HTML file or loaded from a file or remote server.

JavaScript interacts with the user by altering the Document Object Model by inserting, removing, altering or moving HTML tags. JavaScript receives input by attaching event listeners (functions) to events e.g. click events on a button.

The following script removes a button when it is clicked:

var button = document.getElementById("mybutton");
function eventlistener(){
    button.parentElement.removeChild(button);
}
button.addEventListener("click", eventlistener);

Hide

The HTML and CSS pages on this web site use JavaScript to toggle CSS properties.

This site uses 3 scripts:

• tablecheckboxes.js - inserts checkboxes into the second cell of each row of the table that add/remove CSS classes to elements that match the list of tags in the first cell of each row. Hide checkboxes are not inserted into cells with a specific class. When at least one checkbox is active a "resetter" tag is displayed that resets all checkboxes on click.
• csstoggleselective.js - adds event listeners to all cells with the "toggle" class that add/remove CSS classes to the page root element. Each toggleable CSS rule only selects elements if the page root does not have an unique "disabler" class. This class is specified as an attribute in each toggle cell.
• csstoggleall.js - adds an event listener to a specific button to toggle all CSS on the page on/off. Works by removing/inserting the HTML tag that inserts CSS into the page. If csstogglesselective.js is also loaded all disabler classes are removed when the tag is reinserted.