Final-Notes - Web Editor

Web Editor - Final-Notes

<!DOCTYPE html>
<html>
    <head>

</head>
    <body>
        <h1>
            Header
        </h1>
        <ul>
            <li>1</li>
            <li>2</li>
        </ul>

//forEach()
            //Similar uses as a for loop
            //Calls a function for each element in an array
            //Can be useful for assining event listeners to
            //a list of elements
            var liElems = document.querySelectorAll('li');
            liElems.forEach(function(eachElement){
                console.log(eachElement.innerText);
            });
            //In the code above, the variable 'eachElement'
            //is automatically assigned the value of the 
            //current html element in the list.
        </script>
    </body>
</html>

WebEditor - an OYOclass application, own your own class today.

Page Live Preview

Open page in New Window

Console

Created on 2021-05-10T15:50:03Z

Author: Mentor Doug