javascript - I am having trouble with formatting my html code

Question

This question already has answers here: question from:https://stackoverflow.com/questions/65869898/i-am-having-trouble-with-formatting-my-html-code

Answer 1

Use template literals

var cell = `
<div class="col-md-10" style="float: none; margin: 0 auto;">
  <h3><span>${name}</span></h3>                                                                           
  <div class="flip-container">                                                                           
    <div class="flipper">                                                                                 
      <div class="front">
        <a id="restaurants" href="#" data-toggle="modal" data-target="#movieModal" item="${count}">
          <img class="img-fluid img-thumbnail" src="${rimg}" />
        </a>
      </div>
      <div class="back">
        <div class="bg-dark mystyle text-center py-3">
          <button data-toggle="modal" data-target="#movieModal" item="${count}" type="button" class="btn btn-primary btn-sm" onClick="showMovieDetails(this)">See More</button>
          <button data-toggle="modal" data-target="#commentModal" item="${count}" type="button" class="btn btn-primary btn-sm" onClick="showMovieComments(this)">Comments</button>
        </div>
      </div>
    </div>
  </div>                                                                                                   
</div>
`;