JAVASCRIPT CONCEPTS

    //GET ELEMENT BY ID (id cannot be repeated)
    document.getElementById('textExtra').innerHTML  //for HTML elements, divs, p, 
    document.getElementById('textExtra').value //for form fields 
    document.getElementById('textExtra').className //removes previous value
    document.getElementById('textExtra').src //changes the source of image
    document.getElementById('textExtra').href //changes the link
    document.getElementById('textExtra').style.fontSize = 2rem //changes the style
    document.getElementById('textExtra'). //

    //TAG NAME
    var par = document.getElementByTagName('p'); //gets all p elements
    par[1].innerHTML;
    par[1].style.fontFamily = "Verdana";

    //Get some elements from a specific tag / id
    var e document.getElementById('textExtra';
    var ps = e.document.getElementByTagName('p');

    //
    classList.add("active");
    classList.remove("active");
    querySelector("#ourList");
    querySelectorAll("#our-list li");