Как сократить скрипт?

Question

[zhyshy]

Добрый день!
Я только начинаю обучение JS, поэтому у меня возник такой вопрос - написал скрипт, все работает, но код слишком длинный, нутром чую, что можно его сократить минимум в 2 раза...

Вот собственно сам код:

$(document).ready(function() {
	var secWidth = $( window ).width();
	$( '.section' ).css('width', secWidth);
			
	$( '.section' ).each(function(i){
		var secFull = $(document).width();
		$('.content').css('width', secFull * (i+1));
	});
});

$(window).resize(function() {
	var secWidth = $( window ).width();
	$( '.section' ).css('width', secWidth);
			
	$( '.section' ).each(function(i){
		var secFull = $(document).width();
		$('.content').css('width', secFull * (i+1));
	});
});

Он отрабатывает при загрузке страницы и при ресайзе окна. Как можно его сократить не прибегая к сложным решениям? Прям самый простой вариант, чтобы можно было его разобрать и понять...

Спасибо!

Comments

[Павел Корнилов]

Я только начинаю обучение JS

С Квери ему так никогда и не научишься.

Answer 1

[Ильдар Гизетдинов]

var functionName = (function () {
  $('.section').css('width', $(window).width());
      
  $('.content').css('width', $(document).width() * ($('.section').length+1));
});

$(document).ready(function() {
  functionName();
});

$(window).resize(function() {
  functionName();
});

Comments

[zhyshy]

Спасибо, единственное length+1 заменил на просто lenght, т.к. прибавлялся один лишний элемент.