Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Много блоков (https://javascript.ru/forum/misc/80512-mnogo-blokov.html)

SuperZen 19.06.2020 09:27

Сергей Ракипов, Hello World )
найти все элементы с классом .block (querySelectorAll(".blok")), например в коде в посте №6 их будет два(<div class="blok">), для каждого элемента (forEach( b =>... , здесь используется arrow function, можно записать как function(b) {...) повесим по два слушателя (b.addEventListener...), которые слушают mouseenter (что курсор зашел в область элемента), и mouseleave (что курсор вышел за пределы элемента), если курсор зашел в область элемента (function(mouseenter)...), найдем конкретно в этом элементе (b), элемент с классом .dalee_block (b.querySelector('.dalee_blok')) и выставим ему стиль прозрачность (('.dalee_blok').style.opacity) = 1, если курсор вышел за пределы области элемента, выставим ему стиль прозрачность 0

Сергей Ракипов 19.06.2020 11:38

laimas,
Спасибо, очень доходчиво

Сергей Ракипов 19.06.2020 11:39

SuperZen,
Спасибо что отозволись

Сергей Ракипов 19.06.2020 13:42

Не люблю быть глупым, а b это что и откуда взялось

laimas 19.06.2020 13:43

Цитата:

Сообщение от Сергей Ракипов
а b это что и откуда взялось

В качестве бонуса, в подарок. :) А как вы в функции определяете аргументы их имена?

Сергей Ракипов 19.06.2020 13:51

laimas,
b это аргумент?:

laimas 19.06.2020 13:54

Если бы код начинался так:

document.querySelectorAll(".blok") //получить элементы класса blok
    .forEach(function(b) {


для вас было бы понятней, что такое b и откуда? А вам дали код написанный с применением стрелочных функций, только в этом и разница.

Сергей Ракипов 19.06.2020 13:57

laimas,
да так понятнее, в скобках пишут аргументы иногда это называют почему то параметрами
И потом можно взять этот парметр.

laimas 19.06.2020 14:10

Можете "соединить" два значения в одно, страшного не будет. А вообще, параметр, это формальный параметр, передаваемое снаружи в функцию входное значение. А аргумент, фактическая переменная, значение которой используется как входное при вызове функции. Причем эту трактовку не обязательно вы встретите во всех языках.

https://developer.mozilla.org/ru/doc...uide/Functions

Сергей Ракипов 19.06.2020 15:46

let navedenie = document.querySelectorAll(".navedenie");
let kartinkaPriNavedenii = document.querySelectorAll(".kartinka_pri_navedenii");

navedenie.forEach(function(){
    
});


Как написать в действий функции, что при наведении, на блок navedenie показывался блок kartinkaPriNavedenii

visibility: visible;


Часовой пояс GMT +3, время: 18:28.