title: How to create div cards in html dynamically using javascript & jquery?
body: <p>I created this card for design purpose but i want to create html card dynamically using JavaScript or jQuery, means if I pass 5 value in a loop then 5 cards create with same design. How can I do this?   </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="scrolling-wrapper"&gt;
    &lt;div class="card"&gt;
      &lt;img id="card-shopping-cart-icon" src="images/cart.png" alt=""&gt;
      &lt;img id="card-wishlist-icon" src="images/heart.png" alt=""&gt;
      &lt;img id="card-image" src="images/motorola_one.jpg" alt="Motorola" class="contain"&gt;
  
      &lt;div class="card-text-body"&gt;
        &lt;p class="card-clock-deals-title"&gt;Motorola One Power&lt;/p&gt;
        &lt;p class="card-clock-deals-detail"&gt;RAM 4/6GB ROM 64GB&lt;/p&gt;
        &lt;p class="card-clock-deals-discounted-price"&gt;2000&lt;/p&gt;
        &lt;p&gt;
          &lt;table class="card-clock-deals-timer"&gt;
            &lt;tr&gt;
              &lt;td id="hours"&gt;12&lt;/td&gt;
              &lt;td&gt;:&lt;/td&gt;
              &lt;td id="minutes"&gt;00&lt;/td&gt;
            &lt;/tr&gt;
  
          &lt;/table&gt;
        &lt;/p&gt;
        &lt;p class="card-clock-deals-original-price"&gt;3000&lt;/p&gt;
        &lt;p class="card-clock-deals-timer-text"&gt;Hrs Left&lt;/p&gt;
        &lt;p class="card-clock-deals-like-image"&gt;&lt;img src="images/heart.png" alt=""&gt;(381)&lt;/p&gt;
      &lt;/div &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I created this card for design purpose but i want to create html card dynamically using JavaScript or jQuery, means if I pass 5 value in a loop then 5 cards create with same design. How can I do this?      </p>