the murmurous sea

1. method 2. inserts a node before a reference node as a child of a specified parent node. 3. use the insertBefore method to insert/move an existing element. 3. a node cannot be in two locations of the document simultaneously. : If the given node already exists in the document, insertBefore() moves it from its current position to the new position. (That is, it will automatically be removed from ..

[Background] JavaScript DOM provides the insertBefore() method that allows you to insert a new node after an existing node as a child node. However, it has not supported the insertAfter() method yet. [To insert a new node after an existing node as a child node] : use the insertBefore() method and the nextSibling property. : to insert a new node before an existing node as a child of a parent node..

[Dom] : is the W3C Document Object Model. : is a W3C (World Wide Web Consortium) standard that defines a standard for accessing documents. Core DOM standard model for all document types XML DOM standard model for XML documents HTML DOM standard model for HTML documents : is a platform and language-neutral interface. : allows programs and scripts to dynamically access and update the content, stru..

[Background] Functions are Objects : In Javascript, functions are first-class objects. : can work in the same way with other objects, like assigning them to variables and passing them as arguments into other functions. [Why use this] Most of the programs and applications operate in a synchronous manner. When we don't know when data will be served back(such as an external API), we want to wait fo..

1. Method 2. Reduces the array to a single value. 3. Executes a provided function for each value of the array (from left-to-right). 4. The return value of the function is stored in an accumulator (result/total). : value is remembered across each iteration throughout the array and ultimately becomes the final, single resulting value. 5. Does not execute the function for array elements without val..

1. method 2. sorts the elements of an array in place and returns the sorted array. 3. changes the original array. 4. sort order can be either alphabetic or numeric, and either ascending (up) or descending (down). 5. By default, the sort() method sorts the values as strings in alphabetical and ascending order. 6. converting the elements into strings, then comparing their sequences of UTF-16 code ..

1. method 2. creates a new array filled with all array elements that pass a test (provided as a function). 3. does not execute the function for array elements without values. 4. does not change the original array. [Syntax] let newArray = arr.filter(callback(element[, index, [array]])[, thisArg]) ▽ callback Required A function to be run for each element in the array. is a predicate, to test each ..

forEach() 1. method 2. executes a provided function once for each array element, in order. 3. for array elements without values? [Syntax] arr.forEach(callback(currentValue [, index [, array]])[, thisArg]) ▽ callback Required Function to execute on each element in the array. function(currentValue, index, arr) currentValue Required. The current element being processed in the array. index Optional...

Hierarchy tree of nodes from: https://www.javascriptinstitute.org/javascript-tutorial/document-object-model/ Document Object Model - JavaScript Institute The Window object has a document property, which is reference to a Document object and is also available as a global variable. The Document object represents the content of the window and is the main object of Document Object Model. Document Ob..