JSFiddle - React, Tailwind, and code Playground

by westdp1991

HTML

<header>
  <title></title>
   <meta name="description" content=""/>
</header>
<body>
  <div class="main-content">
    <h1 id="main-title"></h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim <span id="word1"></span>veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint <span id="word2"></span> occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    <img id="photo" src="" alt="" title="">
  </div>
</body>

JavaScript

document.title = NewTitle;//header title
$('meta[name="description"]').attr('content', description); // description
$('#main-title').html(mainTitle); //main-title
$('#word1').html(mainTitle); //word1
$('#word2').html(mainTitle); //word2
$( "#greatphoto" ).attr({
  alt: photoAlt,
  title: photoAlt
});