class example

by Haelle

HTML

<div id=text></div>
<div id="carousel">
  <div class="carousel-element" data-index="0">
    <img src="https://user.oc-static.com/upload/2018/01/05/15151407813526_velov.png">
  </div>
  <div class="carousel-element" data-index="1">
    <img src="https://user.oc-static.com/upload/2018/01/05/15151407813526_velov.png">
  </div>
  <div class="carousel-element carousel-current-element" data-index="2">
    <img src="https://user.oc-static.com/upload/2018/01/05/15151407813526_velov.png">
  </div>
  <div class="carousel-element" data-index="3">
    <img src="https://user.oc-static.com/upload/2018/01/05/15151407813526_velov.png">
  </div>
  <div class="carousel-element" data-index="4">
    <img src="https://user.oc-static.com/upload/2018/01/05/15151407813526_velov.png">
  </div>
</div>

JavaScript

class Carousel {
  constructor() {
  this._mainDiv = $('#carousel')
	this._currentIndex = $('.carousel-current-element').data('index')
  }
  
  get currentIndex() { return this._currentIndex; }
}

var carousel = new Carousel()
$('#text').text(carousel.currentIndex)