JavaScript » Web Мастерская

Блог

Web Мастерская

Как проверить событие: "window.onload"

Для проверки события: window.onload можно использовать: document.readyState:

if (document.readyState == 'complete') {
	// Код JS
};

...

Жалоба

Как изменить ключ для объектов массива в JavaScript

JavaScript

Допустим, у нас есть неправильный массив (Неправильный потому что овощи перечислены, как фрукты):

var fruits = [
	{fruit: 'potato'},
	{fruit: 'carrot'},
	{fruit: 'onion'}
];

Из этого массива необходимо сделать так (Назвать вещи своими именами):

var vegetables = [
	{vegetable: 'potato'},
	{vegetable: 'carrot'},
	{vegetable: 'onion'}
];

Чтобы поправить наши данные, нам поможет метод map, чьё предназначение: создать новый массив с результатом вызова указанной функции для всех элементов массива. Делаем так:

var vegetables = fruits.map(data => ({vegetable: data.fruit}));

И теперь у нас массив, который и хотели получить....

Жалоба

Как соединить два массива в один в JavaScript

JavaScript

Для соединения двух массивов будем использовать метод concat(), чьё предназначение: Вернуть новый массив, состоящий из массива, котором он был вызван, соединённого с другими массивом.

Допустим у нас есть два массива:

const first  = [1, 2, 3];
const second = [4, 5, 6];

Делаем так:

const common = first.concat(second);

Теперь common содержит в себе массив, состоящий из двух массивов:

[1, 2, 3, 4, 5, 6]

...

Жалоба

Cannot read properties of undefined (reading 'querySelector')

JavaScript Ошибка

Ошибка: Cannot read properties of undefined (reading 'querySelector') говорит о том, что метод: querySelector пытается обратиться к элементу, которого не существует.

Возможные решения:

Убедитесь, что элемент, к которому обращаетсь, существует, на самом деле.
Расположите JavaScript в нижнюю часть Вашего документа.

...

Жалоба

Карусель фотографий

CSS HTML JavaScript Библиотека JS

Для одной своей идеи, использовал карусель фотографий, взятую из интернета и переписанную под себя. Выложу, как было у меня. Карусель использует библиотеку jQuery, так что придется подключать её, хотя, переписать на чистый JavaScript не составит особого труда.

jQuery:

var carouselID = 1, change = 8000;

function carouselStart() {
	if ($('div[data-carousel="carousel"]').length < 1) {
		return false;
	};

	$('div[data-carousel="carousel"]').each(function() {
		$(this).removeAttr('data-carousel').attr('id', 'carousel_' + carouselID);
		carousel('#carousel_' + carouselID);
		carouselID++;
	});
};

$(() => {
	carouselStart();
	window.setInterval(carouselStart, 3000);
});

function carousel(carouselID) {
	var $slr, $sls, interval, $selectors, $btns, currentIndex, nextIndex;
	var cycle = index => {
		var $currentSlide, $nextSlide, $currentSelector, $nextSelector;
		nextIndex        = index !== undefined ? index : nextIndex;
		$currentSlide    =

...

Жалоба