html div container code example

Example 1: what is a div element in html

The <div> tag is nothing more than a container unit that encapsulates other page elements and divides the HTML document into sections.
 The div can be used for reading purposes or to nest all the information inside the div then to style the div through css as a background card.

Example 2: container js

$(document).ready(function() {
  $('#submit').click(function() {
    var list = ['Car', 'Bike', 'Scooter'];
    for (var value of list) {
      $('#container')
        .append(`<input type="checkbox" id="${value}" name="interest" value="${value}">`)
        .append(`<label for="${value}">${value}</label></div>`)
        .append(`<br>`);
    }
  })
});

Tags:

Css Example