dom.js

        
          
$.$$('.square')
          
  .on('click', function (e) {
          
    // switch styles on each click
          
    this.css({ background: color() })
          

    // access HTMLelement using: this.$
          
    this.$.textContent = +this.$.textContent + 1
          

    // after 10 clicks emove all `click` listeners
          
    if (+this.$.textContent === 10)
          
      this.off('click')
          
  })
          
  .css({ cursor: 'pointer' })
          
  .on('mouseover', function (e) {
          
    console.log('mouseover')
          
  }) // ... etc