есть JQ код:
(function($) {
$.fn.textsize = function(kompressor, options) {
var compressor = kompressor || 1,
settings = $.extend({
'minFontSize': Number.NEGATIVE_INFINITY,
'maxFontSize': Number.POSITIVE_INFINITY
}, options);
return this.each(function() {
var $this = $(this);
var resizer = function() {
$this.css('font-size', Math.max(Math.min($this.width() / (compressor * 5), parseFloat(settings.maxFontSize)), parseFloat(settings.minFontSize)));
};
resizer();
$(window).on('resize.sizetext orientationchange.sizetext', resizer);
});
};
})(jQuery);
$(document).ready(function() {
$(".textsize").textsize( $('.numberin').val() );
}
);
$(document).keyup(function() {
$(".textsize").textsize( $('.numberin').val() );
}
);
Помогите переработать в чистый js, либо подскажите пожалуйста ресурс где можно будет подглядывать определения и с jq на js переделывать...
Заранее спасибо большое.
1) Собственно ресурс который начал двигать ваниль в массы vanilla-js.com много примеров для миграции
2) Наверное лучшая русскоязычная база знаний по js learn.javascript.ru
3) Когда то давно решил воспроизвести Jquery функции, но пока руки не доходят, надеюсь время скоро появится github.com/Dimario/miniJQ
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
К сожалению, не могу продемонстрировать код в работе, так как здесь осуществляется работа с сервером с помощью ajaxУпрощенный пример
сижу и думаю, то ли я что то упускаю то ли что происходитесть тестовый параграф