JSFiddle - React, Tailwind, and code Playground

by Pearlin Lawrence

HTML

<div>
    The top
    <div>
        A child
    </div>
    <div>
        A sibling of that last child
        <div>Another baby</div>
    </div>
    
</div>

JavaScript

/*document.location.href
document.body
var myvar= {prop:1};
myvar
doucment.body.firstElementChild

var thisnode=doucment.body.lastElementChild
 <p>This is the paragraph, and <span>this is a child </span> </p>
     doucment.body.firstChild*/

alert(document.body.firstElementChild.textContent);

//if (false) { alert("This wont display");}
//if (doucment.body.firstChild) {alert("ssss")};
//alert (document.body.innerHTML);
alert (document.body.textContent);
window.open("http://google.com");

var paras = document.getElementstByTagName ("p");
for (var i = 0; i < paras.leght. i++) {
    alert (paras[i].textContent);
}
var paras = document.querySelector ("#quiz-number-one p"); //Returns one node

var paras = document.querySelectorAll ("#quiz-number-one p");//Returns an array, all nodes with <p>

var paras = document.querySelectorAll ("section[id^=quiz-"]); //compares section tags....

//for selecting class use 
document.querySelectorAll (".thisisaclass");
document.getElementstByClassName ("thisisaclass");