Size: a a a

JavaScript Rules

2020 July 19

р

рамин in JavaScript Rules
const button = document.querySelector('button')
const input = document.querySelector('.input')

//() => стрелочная функция
button.onclick = () => {
   let num = +input.value;
   if (num >= 16) {
       console.log('welcome!!!')
   }
   else {
       console.log('Ты не пройдешь')
   }
}
источник

М

Максим in JavaScript Rules
рамин
const button = document.querySelector('button')
const input = document.querySelector('.input')

//() => стрелочная функция
button.onclick = () => {
   let num = +input.value;
   if (num >= 16) {
       console.log('welcome!!!')
   }
   else {
       console.log('Ты не пройдешь')
   }
}
На странице есть элемент с классом input?
источник

р

рамин in JavaScript Rules
нет
источник

М

Максим in JavaScript Rules
а как тогда у него value возьмет?
источник

р

рамин in JavaScript Rules
все все решил проблему спасибо большое немного запутался с классами
источник

AL

Alexander Luschenko in JavaScript Rules
источник

MA

Max Alekseyev in JavaScript Rules
рамин
спасибо большое все сработало document.addEventListener("DOMContentLoaded", () => {
}); а то не  знал за что этот код отвечает
Обычно достаточно просто вызвать скрипт после самого элемента, т.е. когда он отрендерился, а не ждать загрузки всей страницы. На живых проектах js обычно уже закеширован и не будет считываться заново. Потому скрипт выносят во внешний файл, а на странице просто пишут

<form>
<button id="my_button">
....

<script>
#my_button.onclick = mySuperButtonClicked();
...

Особенно, когда функция используется на разных страницах.
источник

М

Максим in JavaScript Rules
Max Alekseyev
Обычно достаточно просто вызвать скрипт после самого элемента, т.е. когда он отрендерился, а не ждать загрузки всей страницы. На живых проектах js обычно уже закеширован и не будет считываться заново. Потому скрипт выносят во внешний файл, а на странице просто пишут

<form>
<button id="my_button">
....

<script>
#my_button.onclick = mySuperButtonClicked();
...

Особенно, когда функция используется на разных страницах.
Давно так уже не пишут. Скрипты лучше складывать в js файл чтобы в куче было, а не разбросано где попало, что функция где-то в js файле, а вызов её в html. Не так уж и сложно просто складывать js файлы перед </body>
источник

MA

Max Alekseyev in JavaScript Rules
Хм, интересно. Возьмем простой пример - у нас сайт на 200 страниц, на них есть 10 слайдеров. Используем, например, Owl slider. Вы вызовы 10-ти слайдеров с разными параметрами запихнёте в общий JS? У нас за такое руки отбивают. Для общего понимания, слайдер - это частный вариант вызова функции с параметрами.
источник

MA

Max Alekseyev in JavaScript Rules
Сейчас вообще используем Require.js
источник

М

Максим in JavaScript Rules
Max Alekseyev
Хм, интересно. Возьмем простой пример - у нас сайт на 200 страниц, на них есть 10 слайдеров. Используем, например, Owl slider. Вы вызовы 10-ти слайдеров с разными параметрами запихнёте в общий JS? У нас за такое руки отбивают. Для общего понимания, слайдер - это частный вариант вызова функции с параметрами.
параметры слайдера так же можно сложить в отдельные файлы и в какую-то одну папку, например, чтобы потом не лезть через всю страницу, а поправить сразу файл, а если нужны такие же настройки просто подключить такой же файл на другой странице не дублируя код отдельно в html
источник

MA

Max Alekseyev in JavaScript Rules
Можно, но обычно пишут

Блок Слайдера
————————————-
Вызов

Когда работаешь с шаблоном сразу отрываешь файл и всё видно, не надо бегать искать. Еще же возможен вариант, что вы зашли на готовый проект и потом ищи-свищи где там кто чего напихал, а встречаются большие затейники )
Так зашел, увидел вызов, кликнул с контролом, увидел куда ведёт. Вот простой пример, чуть поправил и упростил для понимания
источник

MA

Max Alekseyev in JavaScript Rules
А так смотришь на эту строку и попробуй вкури как это работает. Не то, чтобы сложно, просто когда таких глупостей 20 за день это уже не разумные траты времени ходить в коде ковыряться где там кто чего запихнул.
источник

AL

Alexander Luschenko in JavaScript Rules
Вопрос от MK Здравствуйте, есть вопрос по js/jquery. Описал вопрос здесь https://pastebin.com/sPBDWLHH. Подскажите пожалуйста.
источник

FL

First Name Last name in JavaScript Rules
ребят здравствуйте я новичок задание такое надо чтобы через цыкл проверил все число до 12 и вывел их  остато к консоль кто не занят и может помочь буду благодарен
источник

М

Максим in JavaScript Rules
МК, который кинул ссылку на pastebin, так?
https://codepen.io/Nomikama/pen/OJMaqVR
источник

F

FreePhoenix in JavaScript Rules
Переслано от FreePhoenix
Adaptive height включен, только после смены слайда нормально роаботает. Ссылка с твиттера долго прогружается
источник

F

FreePhoenix in JavaScript Rules
Сталкивался кто-нибудь сталкивался с  такой проблемой ?
Как не используя фиксированную высоту такое сделать нормально ?
источник

M

MK in JavaScript Rules
Максим
МК, который кинул ссылку на pastebin, так?
https://codepen.io/Nomikama/pen/OJMaqVR
Спасибо за отклик. Практически так, но структура немного другая, возможно не точно объяснил. Вот так https://pastebin.com/JCUkj5tk.  Подскажи пожалуйста .
источник

М

Максим in JavaScript Rules
MK
Спасибо за отклик. Практически так, но структура немного другая, возможно не точно объяснил. Вот так https://pastebin.com/JCUkj5tk.  Подскажи пожалуйста .
Ну мой код должен работать и с такой структурой, проверь.
источник