jQuery addClass example

Change class name on click in jQuery

by Md. Atiquzzaman Soikat

HTML

<div id="banner-message">
  <p>Hello World</p>
  <button>Change color</button>
</div>

JavaScript

$(() => {
  $.Deferred().resolve('Fulfilled')
    .then(()=>{
    	console.log('hello world');
    })
    .done([
        (m) => {
            console.log(m, 'Done 1')
            return $.Deferred().resolve(m)
          },
        (m) => {
            console.log(m, 'Done 2')
            return $.Deferred().resolve(m)
          }
      ])
    .fail([
        (m) => {
            console.log(m, 'Fail 1')
            return $.Deferred().reject(m)
          },
        (m) => {
            console.log(m, 'Fail 2')
            return $.Deferred().reject(m)
          }
    ])
  $.Deferred().reject('Rejected')
    .then([
        (m) => {
            console.log(m, 'Then Fulfilled 1')
            return $.Deferred().resolve(m)
          },
        (m) => {
            console.log(m, 'Then Fulfilled 2')
            return $.Deferred().resolve(m)
          }
      ], [
        (m) => {
            console.log(m, 'Then Rejected 1')
            return $.Deferred().reject(m)
          },
        (m) => {
            console.log(m, 'Then Rejected 2')
            return $.Deferred().reject(m)
          }
      ])
    .done([
        (m) => {
            console.log(m, 'Done 1')
            return $.Deferred().resolve(m)
          },
        (m) => {
            console.log(m, 'Done 2')
            return $.Deferred().resolve(m)
          }
      ])
    .fail([
        (m) => {
            console.log(m, 'Fail 1')
            return $.Deferred().reject(m)
          },
        (m) => {
            console.log(m, 'Fail 2')
            return $.Deferred().reject(m)
          }
    ])
})