title: Adding string within a P element in Javascript
body: <p>Not sure how to do this. Expected output is:</p>
  
  <pre><code>&lt;p data-rating="3" class="starability-result"&gt;
  </code></pre>
  
  <p>Actual output:</p>
  
  <pre><code>&lt;p is="data-rating="3"" class="starability-result"&gt;
  </code></pre>
  
  <p>Here is the code I have where 'review.rating' is the rating (1-5) returned in json.</p>
  
  <pre><code>const rating = document.createElement('p', `data-rating="${review.rating}"`);
  rating.className = 'starability-result';
  rating.innerHTML = `Rated: ${review.rating} stars`;
  li.appendChild(rating);
  </code></pre>