Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
    <head>
        <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
    </head>
​
    <body>
        <div id="container"></div>
    </body>
​
    <script>
        /* 
        Using ONLY jQuery, recreate this structure inside
        the existing #container element:
        
        <div id="container">
            <h1> Favorite Ice Cream Flavors </h1>
            <ul>
                <li> Mint Chip </li>
                <li> Oreo </li>
                <li> Coffee </li>
            </ul>
        </div>
        */
        
        $("<h1>").text("Favorite Ice Cream Flavors")
                 .appendTo("#container");
        $("<ul>").appendTo("#container");
        $("<li>").appendTo("ul")
                 .text("Mint Chip");
        $("<li>").appendTo("ul")
                 .text("Oreo");
        $("<li>").appendTo("ul")
                 .text("Coffee");
        
      
        
        
        
        // your code above here
    </script>
​
</html>
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers