Size: a a a

JavaScript.Ninja

2019 December 09

v

vasilich in JavaScript.Ninja
По ходу это их …панистический маркетинг и они всегда по 9,99
источник

M

Michael in JavaScript.Ninja
не всегда, иногда бывают моменты, что курсы продаются за полную стоимость, пару раз натыкался ) Но 90% времени да - только сейчас у нас скидка, всего 1000р
источник

v

vasilich in JavaScript.Ninja
Когда аффтар завтыкал продлить акцию)))
источник

A

Andrew in JavaScript.Ninja
vasilich
ЖС можно только понять и простить
пхах
источник

SS

Sasha Semaniuk in JavaScript.Ninja
Ребята привет!
Прошу у вас совета
🚀 React

У меня есть компонента -
const Child = props => {
 const { selected, onSelect } = props
 const handler = () => onSelect(!selected);

 return (<SuperCustomCheckbox selected={selected} onClick={handler} />)
}
И вот вопрос.
Я не могу это отловить в песочнице, но.
Когда у меня дефолтное значение false - при первом клике на чекбокс - значение меняеться на true. Когда вывожу в лог props - selected: true.
Но когда при клике на чекбокс срабатывает handler - значения внутри selected: false.

Почему так, что я упускаю?

Да, если переписать на event.target.checked - все сработает, но интересно очень почему код выше - не работает.

Заранее спасибо за ответ!
источник

AP

Aleksandr Panchuk in JavaScript.Ninja
Sasha Semaniuk
Ребята привет!
Прошу у вас совета
🚀 React

У меня есть компонента -
const Child = props => {
 const { selected, onSelect } = props
 const handler = () => onSelect(!selected);

 return (<SuperCustomCheckbox selected={selected} onClick={handler} />)
}
И вот вопрос.
Я не могу это отловить в песочнице, но.
Когда у меня дефолтное значение false - при первом клике на чекбокс - значение меняеться на true. Когда вывожу в лог props - selected: true.
Но когда при клике на чекбокс срабатывает handler - значения внутри selected: false.

Почему так, что я упускаю?

Да, если переписать на event.target.checked - все сработает, но интересно очень почему код выше - не работает.

Заранее спасибо за ответ!
Если хочешь управлять каким-то значением, используй state. Нельзя просто менять props внутри компонента
источник
2019 December 10

С

Саша in JavaScript.Ninja
Всем доброгое времени суток! Буду благодарен кто поможет по такому вопросу.  Мне нужно блочить инпут ивент  в случае если  вводятся только буквы иначе  парсить числа и дальше с ними работать. Перегуглил всё что можно, e.preventDefault() не работает на input. Заранее благодарен!
// =================== //
document.querySelector('input[type="text"]').addEventListener('input', e => {
 // if input value abcdef... isNaN, I need to prevent user to type    
 if(isNaN(e.target.value)) return;
 //  else process value if only numbers
 let numbers = parseInt(e.target.value)
 return numbers;
})
источник

w

westfalsky 🚀 in JavaScript.Ninja
Саша
Всем доброгое времени суток! Буду благодарен кто поможет по такому вопросу.  Мне нужно блочить инпут ивент  в случае если  вводятся только буквы иначе  парсить числа и дальше с ними работать. Перегуглил всё что можно, e.preventDefault() не работает на input. Заранее благодарен!
// =================== //
document.querySelector('input[type="text"]').addEventListener('input', e => {
 // if input value abcdef... isNaN, I need to prevent user to type    
 if(isNaN(e.target.value)) return;
 //  else process value if only numbers
 let numbers = parseInt(e.target.value)
 return numbers;
})
<input type=“number” />
источник

w

westfalsky 🚀 in JavaScript.Ninja
Или кейс более специфичный?
источник

PG

Pavel Gubin in JavaScript.Ninja
Саша
Всем доброгое времени суток! Буду благодарен кто поможет по такому вопросу.  Мне нужно блочить инпут ивент  в случае если  вводятся только буквы иначе  парсить числа и дальше с ними работать. Перегуглил всё что можно, e.preventDefault() не работает на input. Заранее благодарен!
// =================== //
document.querySelector('input[type="text"]').addEventListener('input', e => {
 // if input value abcdef... isNaN, I need to prevent user to type    
 if(isNaN(e.target.value)) return;
 //  else process value if only numbers
 let numbers = parseInt(e.target.value)
 return numbers;
})
Повесить onchange обработчик, value и пропускать при условии цифр
/\d/.test(e.target.value)
источник

С

Саша in JavaScript.Ninja
westfalsky 🚀
<input type=“number” />
Благодарю за совет! Инпут должен быть чистым, а с типом number будут "стрелки" выбора
источник

V

Victor in JavaScript.Ninja
Саша
Благодарю за совет! Инпут должен быть чистым, а с типом number будут "стрелки" выбора
они выключаются в css
источник

PG

Pavel Gubin in JavaScript.Ninja
Саша
Благодарю за совет! Инпут должен быть чистым, а с типом number будут "стрелки" выбора
Он пропустит число "e"
источник

С

Саша in JavaScript.Ninja
Спасибо парни за советы, пошёл в гугл))
источник

С

Саша in JavaScript.Ninja
Ещё раз спасибо! Что бы сбростить кастомный стиль у <input type='number'>
//====  CSS =====//
input[type=number]::-webkit-inner-spin-button {
 -webkit-appearance: none;
}
//=============//
источник

А

Алексей in JavaScript.Ninja
Саша
Ещё раз спасибо! Что бы сбростить кастомный стиль у <input type='number'>
//====  CSS =====//
input[type=number]::-webkit-inner-spin-button {
 -webkit-appearance: none;
}
//=============//
Тут дело не в стиле) и у события не нужно стандартное проведение сбрасывать. Просто кастомизируй обработку onChange или onSubmit:
if (typeof event.value) {..code..}
Там можно все, что угодно можно сделать. И уведомления настроить, и стили поменять. Если недавно язык учишь, то как раз возможности языка было бы неплохо освоить.
источник

VS

Vitaliy Stoliarov in JavaScript.Ninja
источник

A_

Alexander _P in JavaScript.Ninja
Номера странные, на Украине можно такие купить?
источник

AS

Arthor Serdyuk in JavaScript.Ninja
Alexander _P
Номера странные, на Украине можно такие купить?
у нас можно все
источник

A_

Alexander _P in JavaScript.Ninja
Arthor Serdyuk
у нас можно все
Страна возможностей и свободы
источник