jQuery addClass example

Change class name on click in jQuery

by diogocosta

HTML

<div id="container">  
</div>

JavaScript

var fruits = [
   {
     kind: "grape",
     color: "red",
     quantity: 12,
     id: "0"
   },
   {
     kind: "kiwi",
     color: "brown",
     quantity: 98,
     id: "1"
   },
   {
     kind: "banana",
     color: "yellow",
     quantity: 0,
     id: "2"
   }
 ];

const container = document.getElementById('container')
 
fruits.forEach(fruit => {
	const p = document.createElement('p')
  p.textContent = `${fruit.quantity} ${fruit.kind}`
  container.appendChild(p)
})