Как инициализировать плагин?

Шохрух Шаймардонов, сложно то как( Говорю, хромает грамматика. Второй вариант и был понятней, тк хотя бы синтаксис не сильно запутан. А тут мало того, проблемы с this, так еще и можно запятые вместо ; писать. Прочту еще раз)

Как инициализировать плагин?

Шохрух Шаймардонов, не, тут видимо я что-то не так передаю. Вообще не видит свойство внутри метода. Почему-то)))

function Slider(el){
    
this.main = document.getElementById(el),
this.speed = 0,
this.btn1 = this.main.getElementsByClassName('btn1')[0],
this.btn2 = this.main.getElementsByClassName('btn2')[0],
this.result = this.main.getElementsByClassName('result')[0],

this.updateResult = function(){
  this.result.innerHTML = this.speed;
},

this.method1 = function(){
  /*if(this.speed > 0){
    this.speed--;
  }*/
  console.log(this.speed); //undefined
},

this.method2 = function(){
  //this.speed++;
  console.log(this.speed); //undefined
};

this.btn1.addEventListener('click', this.method1);
this.btn2.addEventListener('click', this.method2);

}

new Slider('gallery');

Как инициализировать плагин?

Шохрух Шаймардонов, заменил на btn2

Как инициализировать плагин?

Шохрух Шаймардонов, спасибо, а можете подсказать в чем тут проблема?

this.updateResult = function(){
  this.result.innerHTML = this.speed;
},

this.btn2.addEventListener('click', function(){
  this.speed++;
  this.updateResult; //не обновляет информацию в самом HTML. Реакции нет.
  console.log(this.speed);  //выводит NAN.
});

Либо я напутал с this, либо что-то другое.

Как инициализировать плагин?

Шохрух Шаймардонов, я принял решение, делать вот так:

window.onload = function(e){

  new Slider('block1');

  function Slider(el){
    
    this.main = document.getElementById(el);
    this.speed = 0;
    this.btn1 = this.main.getElementsByClassName('btn1')[0];
    this.btn2 = this.main.getElementsByClassName('btn2')[0];
    this.result = this.main.getElementsByClassName('result')[0];

    this.updateResult = function(){
      this.result = innerHTML(this.speed);
    }

    this.btn1.addEventListener('click', function(){
      if(this.speed > 0){
        this.speed--;
      }
      this.updateResult;
    });
    
    this.btn2.addEventListener('click', function(){
      this.speed++;
      this.updateResult;
    });
	
  }
}

Да, не работает пока, доделываю, но сам смысл вроде бы уловил :)

Как инициализировать плагин?

а протитипы не смотреть? я так понял, это тоже вариант)))

Как инициализировать плагин?

Шохрух Шаймардонов, да я хотел написать свой плагин, чтобы JS работал строго в рамках одного этого блока, и наткнулся на разные способы реализации. Кто-то делает через Классы, кто-то объектами, замыкания. Кароче да, незнакомая мне логика)

Как инициализировать плагин?

Способ 1 оттуда.

Вот еще и третий способ нашел и совсем запутался((

(function(window) {
   window.MyPlugin = function(element) {
      this.element = element;
   }
   myPlugin.prototype.myMethod = function() {
      //...
   }
})(window);


var elem = document.getElementById('elem');
var test = new MyPlugin(elem);
test.myMethod();

Как инициализировать плагин?

Мне больше нравится способ 2, тк как-то легче воспринимается. Но как его привязать к диву block1 после загрузки страницы, не совсем понятно.

Почему не срабатывает before send?

Да, поменяв на true всё заработало.
Спасибо. И спасибо Stalker_RED.

Почему не срабатывает before send?

Да это понятно)
Не соысем верно задал вопрос.
Проблема в коде выделена.

Какие JS технологии самые быстрые?

sim3x, сайдбар это лишь пример. и сайт и приложение могут иметь сайдбар. но оболочка ос делает все плавней. хотелось бы чтоб браузер потягался с ос))

Какие JS технологии самые быстрые?

Артём Петренков, а в чем отличие.

Какие JS технологии самые быстрые?

sim3x, да приложения на планшетах как-то болеестабильно себя ведут на действия пользователя, всё плавно. Ведь могут же и сайты работать аналогично. в принципе удаеься сделаьб очень легкий и плавный интерфейс и на сайте, без библиотек. Осталось сайдбар сделать, а он на том же андройде конечно круче в приложениях.

Какие JS технологии самые быстрые?

Алексей Ярков, ну я понял. Благодарю.

Какие JS технологии самые быстрые?

Алексей Ярков, в теории да, но была неуверенность. Ведь не зря столько разных ФВ делают.

Какие JS технологии самые быстрые?

Алексей Ярков, да я думал есть более универсальные средства, кроме как чистый JS.
А React, Vue, Angular не пробовал.

Какие JS технологии самые быстрые?

))

Допустимо ли инициализировать функцию внутри другой?

Евгений Иванов,

Основное - нет контроля потока данных.

А что контролировать на примере в стартпосте?)
Может звучит и глупо, но тк все параметры из вне передаются аргументами в функции (на примере я не стал этого делать), то как раз всё четко видно, что и откуда пришло. А не так, что открыл кусок кода, а там уже инициализировано тонна переменных. И откуда они пришли - ищи давай.

Нужно ли разделять модель с выводом данных и поиском?

ThunderCat, я и думаю... как его ещё использовать. Хорошая мысль.