JSFiddle - React, Tailwind, and code Playground

by Alma Grace

HTML

<title>Our Menu | Holy Chuck</title>
<div id="header-wrap">
    <header id="header" role="banner">
        <div id="header-left">
            <p id="title"><a href="http://holychuckburgers.com/" title="Holy Chuck">Holy Chuck</a>

            </p>
            <p id="tagline">Our Business is Burgers</p>
        </div>
        <div id="header-right">
<a style="position: absolute; left:677px; top:42px; height:30px; width:30px;" href="http://www.facebook.com/holy.chuck.7"></a>

<a style="position: absolute; left:705px; top:42px; height:30px; width:105px;" href="https://twitter.com/HOLYCHUCKBURGER"></a>

        </div>
    </header>
</div>
<div id="wrap" class="clearfix">
    <div id="navbar-1-wrap">
        <nav id="navbar-1" class="clearfix" role="navigation">
            <div id="navbar-1-left">
                <ul id="nav-1" class="nav-1">
                    <li id="menu-item-67" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-67"><a href="http://holychuckburgers.com/"> </a>

                    </li>
                    <li id="menu-item-36" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36"><a href="http://holychuckburgers.com/our-story/">Our Story</a>

                    </li>
                    <li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-9 current_page_item menu-item-33"><a href="http://holychuckburgers.com/our-menu/">Our Menu</a>

                    </li>
                    <li id="menu-item-62" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-62"><a href="http://holychuckburgers.com/articles-reviews/">Articles &#038; Reviews</a>

                    </li>
                    <li id="menu-item-61" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61"><a href="http://holychuckburgers.com/facts-tips/">Facts &#038; Tips</a>

                    </li>
                    <li...

JavaScript

var tagline = document.body.getElementById("tagline");
alert(tagline.querySelector("p").textContent);






//pearl
/*
var wrapper = document.getElementById("wrapper");
alert ( wrapper.querySelector("h1").textContent);

var goodFoot = document.querySelector("#container");
alert (goodFoot.querySelector("p").textContent);
*/
//displays all the text content without the tag. OK
//var text1 = document.body.textContent;
//alert (text1);

//displays all the text content AND the tags. OK
//var text2 = document.body.innerHTML;
//alert (text2);
/*
var allParagraphs = document.getElementsByTagName('p');
for (var i=0; i < allParagraphs.length; i++ ) {
  alert( allParagraphs[i].textContent);      
}
*/




/*
var imgrecipe1 = document.querySelector("#imgRecipe");
alert(imgrecipe1.innerHTML);

var imgrecipe = document.getElementById("imgRecipe");
//alert ( imgrecipe.querySelector("imgRecipe").textContent);

alert(imgrecipe.innerHTML);
*/