Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="minimum-scale=1.0, width=device-width, maximum-scale=1.0, user-scalable=no" />
    <title>Learning React Chapter 2 Samples</title>
  </head>
  <body>
    <h1>Open the Console</h1>
  </body>
</html>
 
#container {
  display: flex;
  justify-content: space-around;
}
#container>div {
  height: 5em;
  width: 5em;
  background-color: purple;
}
 
var article = {
  title: "Template Strings",
  body: `
    <div>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor</p>
      <p> laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
  `
}
document.body.innerHTML = `
<section>
  <header>
      <h1>The HTML5 Blog</h1>
  </header>
  <article>
      <h2>${article.title}</h2>
      ${article.body}
  </article>
  <footer>
      <p>copyright ${new Date().getYear()} | The HTML5 Blog</p>
  </footer>
</section>
`
Output

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

Dismiss x
public
Bin info
moonhighwaypro
0viewers