JSFiddle - React, Tailwind, and code Playground

by Alma Grace

HTML

<body>
    

    

    <div id="fb-root"></div>
    <div id="navigation-m" class="panel">
  
    <a class="btn-oauth" href="/login">Create an account</a>
    <a class="btn-secondary" href="/login">Sign in</a>
    <div class="anchor-list primary">
      
        <a href="/my-recommended"><span class="y-icon">&#x3f;</span>Just for You</a>
      
      <a href="/my-recipes"><span class="y-icon">&#x3b;</span>Recipe Box</a>
      <a href="/my-collections"><span class="y-icon">&#x3e;</span>Collections</a>
      <a href="/bookmarklet"><span class="y-icon">&#x4e;</span>Add a Recipe</a>
    </div>  
  
  <div class="anchor-list secondary">
    <a href="/">Home</a>
    <a href="/publishers">Publishers</a>
    <a href="/about/">About</a>
    <a href="/press">Press</a>
    <a href="/advertising">Advertisers</a>
    <a href="//developer.yummly.com/">Developers</a>
    <a href="//help.yummly.com/home/">Help & FAQ</a>
  </div>
</div>

    <div id="filters-m" class="panel">
      <div id="filters">
  <form action="/recipes" class="keywords" id="filters-form">
    <div id="search-m">
      <input autocapitalize="off" autocorrect="off" id="q-m" name="q" placeholder="Search recipes" type="text" value=""><button class="nochrome" type="submit"><span class="y-icon">&#x26;</span></button>
    </div>
    <input name="noUserSettings" type="hidden" value="true"/>
    <h3 class="tiny">FILTERS <a href="/recipes?q=">Reset</a></h3>
    
    <div class="anchor-list">
      
        
          <div>
            <h4>With Ingredients</h4>
            <span data-values="" id="ingredient-choices"></span>
            <div class="ingredient-choice toggle" id="ingredients-with">
              <div class="ingredient-add">
                <input autocapitalize="off" autocorrect="off" class="ingredient-suggest" name="allowedIngredient" placeholder="Find an ingredient" type="text"/>
                <button type="button" class="btn-nochrome" tabindex="-1"><span class="y-icon">&#x28;</span></button>
       ...

JavaScript

//document.querySelector(".popular");
//document.querySelector(".box-list");


alert((document.getElementsById("The-Best-Basic-Meatloaf-511584").textContent);