есть 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
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости