Новые ответы с меткой javascript
2
Range + Selection , получилось так:
document.addEventListener("click", function(e) {
let el = e.target.closest(".js-select");
if (el) select(el);
});
function select(node) {
let range = document.createRange();
range.selectNode(node);
let selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);
}
<...
0
Ответ пустой потому что вы ничего не возвращаете из функции createList. Вы просто пробегаете по массиву, модифицируете его и все. Или сделайте вот так:
function CreateNews(props) {
function createList(news_) {
return news_.map(el => {
const content = el.content;
return (
<div className="news"&...
1
let select_current = document.querySelector(".select_current");
let sel_body = document.querySelector(".select_body");
let sel_item = document.querySelectorAll(".select_item");
let sel_input = document.querySelector(".select_input");
select_current.addEventListener("click", (event)=>{
sel_body.classList.toggle("is_active");
})
//let a = new Array(...
0
Нужно где-то в каком-то виде хранить все совпавшие буквы и их последовательность. Сделал массив такой же длины, что и у слова: Каждой букве соответствует свой индекс. Соответственно, при вводе буквы можно циклом пробежать по слову, если буква совпала - добавить её в массив под тем же индексом.
let words = ["лошадь", "удав", "кровать", "телевизор", "...
0
Твой код закрывая MainWindow, закрывает всё приложение.
Твоё приложение имеет Tray, так что нужно просто правильно скрыть MainWindow и при этом твоё приложение останется запущенным.
Для того чтобы при нажатии на кнопку закрытия окна x выполнялось не то действие, которое предусмотрено по умолчанию, тебе нужно объявить свой обработчик события close и ...
0
Выбирайте что Вам больше по вкусу slick slider или owl carousel
2
function main (a=2, b=3, c) {
if(typeof(c) === 'function')
return c(sum(a, b))
else
return sum(a, b)
}
function sum (a, b) {
return a + b;
}
console.log(main(10, 20, function(a){
return a * 100000
}))
-1
function main(a = 2, b = 3, c) {
return c? c(sum(a, b)) : sum(a, b);
}
function sum(a, b) {
return a + b;
}
console.log(main());
console.log(main(23, 45, s => 2 * s));
console.log(main(1, 2, 3));
0
Используя Локальные настройки в компоненте (pages/app/index.vue), который указан, для вашего особенного роута, заполните свойство head, чтобы сформировать особенные метаданные для этого роута:
<script>
export default {
...
head: {
meta: [
{
hid: 'test',
name: 'test',
content: 'asdasd'
},
...
],
}
}...
ответ дан 12 часов назад
Mikalai Parakhnevich
3,19811 золотой знак99 серебряных знаков2424 бронзовых знака
2
Смотря что эти цифры означают. Если это количество миллисекунд, прошедшее с 1 января 1970 года (традиционная условная дата отсчёта для компьютерных дат), тогда можно так:
const date = new Date(1515237073);
console.log(date.toLocaleString());
Если это Unix-время, тогда нужно сначала умножить на 1000:
const date = new Date(1515237073 * 1000);
...
ответ дан 12 часов назад
vsemozhebuty
7,05322 золотых знака66 серебряных знаков1414 бронзовых знаков
0
Почему-то не записывался результат в хуке useEffect при нажатии на кнопку отправки данных.
Я решил просто обойти проблему и записал результат в переменную, потом добавил результат выполнения функции картинок и все заработало. Но в чем конкретно проблема была я так и не понял
const onSubmit = useCallback(async (ev) => {
ev.preventDefault()
...
1
indx - число. нельзя использовать indx === indx[5] потому что indx[5] не определён
let fruits = ["Яблоко", "Апельсин", "Слива", "Груша", "Мандарин", "Лимон", "Дыня", "Гранат"];
outer: for(;;) {
console.log("->");
for (let indx = 0, len = fruits.length; indx < len; indx++) {
if (indx === 5) {
break outer;
}
console.log(...
1
Как-то так.
Добавил условие чтоб пароли были равны
$(function() {
$("#edit").on("click",function() {
let name = $("[id=password]")
name.val("");
name.focus();
if (this.innerText=="Изменить") {
this.innerText="Сохранить";
$(this).attr('disabled', true);
$("#password").removeAttr("readonly");
$("#password")....
3
var shuffledNames = response.items[i].listTagDto.map(i => i.name).sort(() => Math.random() - 0.5);
var text = shuffledNames.map(i => `<a href="#" class="tag"> ${i} </a>`).join('');
0
Надо бы клик вешать не на сам элемент, а на родителя, который не изменяется. Это называется делегирование. Ибо ты пытаешься повесить событие на элемент, которого нет. Логично, что он и не работает.
$('#parent').append(`<figure data-test="5">
<div class="img_wrapper">
<div class="highlight">
<img src="/img.jpg">
</div&...
ответ дан 14 часов назад
Алексей Шиманский
40.5k77 золотых знаков6363 серебряных знака126126 бронзовых знаков
1
function f (arr, n) {
return [arr.indexOf(n), arr.lastIndexOf(n)]
}
console.log(f([1, 10, 4, 7, 12, 7, 19], 7))
console.log(f([], 7))
2
Согласно документации arr.sort() функция на вход должна получить функцию сравнения, в которой должна быть написана некая логика. Элементы массива сортируются в соответствии с её возвращаемым значением
Если возвращаемое значение в функции сравнения compareFunction(a, b) меньше 0, сортировка поставит a по меньшему индексу, чем b, то есть, a идёт первым.
Если ...
ответ дан 16 часов назад
Алексей Шиманский
40.5k77 золотых знаков6363 серебряных знака126126 бронзовых знаков
2
Вы забыли вернуть объект.
let vasya = { name: "Вася", surname: "Пупкин", id: 1 };
let petya = { name: "Петя", surname: "Иванов", id: 2 };
let masha = { name: "Маша", surname: "Петрова", id: 3 };
let users = [ vasya, petya, masha ];
let usersMapped = users.map(function(user) {
return {
fullName: `${user.name} ${user.surname}`,
id: ...
ответ дан 17 часов назад
Алексей Шиманский
40.5k77 золотых знаков6363 серебряных знака126126 бронзовых знаков
3
https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/template_strings
Шаблонные литералы заключены в обратные кавычки (` `) вместо двойных
или одинарных. Они могут содержать подстановки, обозначаемые знаком
доллара и фигурными скобками (${выражение}).
let test = 'Привет';
console.log(`Вася говорит ${test}`);
console.log('Вася говорит ' + ...
ответ дан 18 часов назад
Алексей Шиманский
40.5k77 золотых знаков6363 серебряных знака126126 бронзовых знаков
0
Вот так думаю сделать будет чуток по современному.
let diap = [1, 3, 5, 7, 9, 11, 13, 15, 16, 18];
diap = diap.sort(_ => Math.random() - 0.5); // перемешиваем
function bubbleSort(array) {
for(let i = 0; i < array.length - 1; i++) {
for(let j = 0; j < array.length - i - 1; j++) {
if(array[j]>array[j+1]){
[array[j], ...
0
const diap = [1, 3, 5, 7, 9, 11, 13, 15, 16, 18];
function getMeSomeShit(shitLength) {
if (!(typeof shitLength === 'number' || typeof shitLength === 'bigint')) {
console.error("a-ta-ta give a number");
return;
}
const arrayToFulfillRandomNumbers = [];
for (let numberCounter = 0; numberCounter < shitLength; numberCounter++) {
...
2
Мне кажется, дело все в том, что swapped становится true после одного обмена. А необходимо отсортировать все элементы массива. Я бы сделала двойной вложенный цикл, типа
for(let i=0; i < array.length - 1; i++) {
for(let j=0; j<array.length-i-1; j++) {
if(array[j] >array[j+1]){
let temp = array[j] ;
array[j] = array[...
0
Предпочитаю навешивать события в JS, не затрагивая HTML. Вот перемещение с помощью мышки
var div = document.getElementById('circle');
var listener = function(e) {
div.style.left = e.pageX - 50 + "px";
div.style.top = e.pageY - 50 + "px";
};
circle.addEventListener('mousedown', e => {
document.addEventListener('mousemove', listener);
});
...
0
Итак, нашел я решение проблемы.
Скачиваем это https://www.npmjs.com/package/webpack-append
в шапке конфига пишем const libImport = '@import "./mixins";' (оригинал https://github.com/dumconstantin/webpack-append/issues/2#issuecomment-254129710)
Чуть меням сборку:
module: {
rules: [
...
{
test: /\.sсss$/i,
use: [
...
2
Использован только fn.apply(контекст, массив) — Он нужен, чтобы вызвать функцию, передав ей элементы массива или другого итерируемого объекта как аргументы.
function watchArgs(fn, length) {
let args_cache = []; // Хранилище переданных аргументов при всех вызовах.
return function _self() {
if (args_cache.length == length) {
// Набрано ...
0
1 - Разве useCallback может быть асинхронным?
2 - Вызывается функция в теле компонента, в ней setLoading - вызывает ререндер. Т.к. вызов функции в теле компонента, любой ререндер будет ее вызывать, в данном случае оно тупо зациклилось. Тут скорее нужен useEffect
0
$
(document).ready(function(){
$('h2').css({'color':'red'});
alert('hello');
});
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="" src="script2.js"></script>
<meta charset=&...
0
Javascript
let label = document.querySelector('.product-product-41 .control-label'); // Обратимся к элементу
label.classList.remove('control-label'); // Удалим класс
label.classList.add('you-class'); // Добавим новый класс
jQuery
// классы разделяются пробелом
// ...
2
Возможно, так:
const params = new URLSearchParams({
t: 'episode',
y: '2010',
apikey: '6ca46655',
}).toString();
const url = `http://www.omdbapi.com/?${params}`;
console.log(url);
0
Пользуйся Fancybox. Не нужно придумывать велосипед, который за тебя придумали уже. Максимально прост в настройке и имеет кучу "плюшек"
Ссылка: fancyBox 3
2
Дело в том, что вы создаёте элемент вне цикла, а потом вставляете один и тот же элемент в цикле — и он не дублируется, оно просто берётся из одного места и перемещается в другое, и оказывается в конце только у последнего элемента. Создавайте и вставляйте в цикле:
let parNodes = document.querySelectorAll('p > a');
for (let i = 0; i < parNodes.length;...
0
let fileInput = document.querySelector('.file'),
img = document.querySelector('.img');
fileInput.addEventListener('change', e => {
const blob = new Blob([e.target.files[0]]),
url = URL.createObjectURL(blob);
img.src = url;
});
<input type="file" class = "file" accept="image/*">
<img ...
1
let btns = document.querySelectorAll('.btn_');
for (let i = 0; i < btns.length; i++) {
btns[i].addEventListener("click", function() {
// Удаляем цвет у всех
btns.forEach(function(el) {
el.classList.remove('clicked-btn-color');
});
// добавляем цвет той, на которую кликнули
this....
ответ дан вчера
Алексей Шиманский
40.5k77 золотых знаков6363 серебряных знака126126 бронзовых знаков
1
404 Not Found - стандартный код ответа HTTP о том, что клиент был в состоянии общаться с сервером, но сервер не может найти данные согласно запросу.
Если по-русски, у вас задан неправильный путь до файла new_image.php. Нужно задать корректный путь в url:"new_image.php",
ответ дан вчера
Алексей Шиманский
40.5k77 золотых знаков6363 серебряных знака126126 бронзовых знаков
0
Слоган JQuery: Пиши меньше, делай больше!
$('.shop-content__body-select').on('click', function() {
$(this).addClass('active').siblings().removeClass('active');
}).first().addClass('active');
.active {
background-color: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="shop-...
0
const unic = arr => new Set(arr)
const unic = arr => arr.filter((i, n) => !arr.includes(i, n + 1))
1
я бы сделал так:
разбить строку через разделитель (пробел) на 2 части
проверить, есть ли первая часть в массиве 1
проверить, есть ли вторая часть в массиве 2
Вам такой код нужен?
const arr_l = ['!k', '.k'];
const arr_r = ['1', '2', '3'];
const parts = msg.split(' ');
if (arr_l.includes(parts[0]) && arr_r.includes(parts[0]))
return true;
1
Думаю, что правильно будет так:
calc.addEventListener("change", fCalc);
calc.addEventListener("input", fCalc);
/* Функция подсчета стоимости услуг на создания дизайна сайта */
function fCalc(ev) {
if (ev.target == count_range) {
count.value = count_range.value;
} else {
count_range.value = count.value;
}
let nPrice = 0;
nPrice += ...
0
Если добавить логов то можно увидеть где проблемы
/*
* Функция подсчета стоимости услуг на создания дизайна сайта
*/
function calc() {
let type_design = document.getElementById("type_design"); //получаем ссылку на элемент Select
let is_html = document.getElementById("is_html"); //получаем ссылку на чекбокс
let is_html2 = document....
0
У меня все корректно подсвечивается при использовании похожего синтаксиса:
Какую версию IDE вы используете? Похожая ошибка была в версиях 2017.x, она давно исправлена
0
Проблема решена - был включен фаервол, с блокировкой всех соединений кроме порта 80. Отключение фаервола позволило клиенту увидеть socket.io - соответственно все заработало.
1
const list = document.querySelector('#list');
list.classList.add('inline-block');
list.classList.add('padding-10px');
list.classList.add('color-white');
list.classList.add('background-color-blue');
body {
font-family: sans-serif;
}
.inline-block {
display: inline-block;
}
.padding-10px {
padding: 10px;
}
.color-white {
color: white;
}
....
1
В конфигурацию сервера, в nginx дописать
proxy_set_header X-Forwarded-Proto $scheme;
Так как у меня express, у него вставляем proxy: true.
Пример:
app.use(express.session({
proxy: true,
secret: 'pass',
cookie: {
secure: true
}
}));
4
переместите main.js в конец страницы. У вас срабатывает скрипт до рендеринга DOM.
let btns = document.querySelectorAll('.btn_');
for (let i = 0; i < btns.length; i++) {
btns[i].addEventListener("click", function() {
document.querySelectorAll('.items').forEach(function(el) {
el.style.display = 'none';
});
...
2
Судя по тексту ошибки Identifier 'btns' has already been declared у Вас в какой-то другой части js-кода уже объявлена переменная btns.
0
Думаю как-то так
// имитируем запрос
//fetch(`url`)
// .then(response => response.json())
// .then(data => {
let data = ["button 1", "button 2", "button 3"]
createTemplate(data); //функция которая создает элементы
//Ваши эдементы появились только тут
const taskButton = document.querySelectorAll('.task-...
1
$('.shop-content__body-default h2').addClass('active');
$('.shop-content__body').on('click', '.shop-content__body-select h2', function(ev) {
$('.shop-content__body-select h2').removeClass('active');
$(ev.target).addClass('active');
});
.active { background-color: yellow; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min....
0
Просто по клику удаляем класс active у всех элементов с целевым классом и выставляем класс active у того, по которому кликнули.
let shopContentSelector = '.shop-content__body-select';
let $shopContent = $(shopContentSelector)
$('.shop-content__body-default').addClass('active');
$shopContent.on('click', function(){
$shopContent.removeClass('active'...
ответ дан вчера
Алексей Шиманский
40.5k77 золотых знаков6363 серебряных знака126126 бронзовых знаков
0
Вы можете использовать условный оператор ?.
function likes(names) {
len = names.length;
return (len === 0) ? `no one likes this` :
(len === 1) ? `${names[0]} likes this` :
(len === 2) ? `${names[0]} and ${names[1]} like this` :
(len === 3) ? `${names[0]}, ${names[1]} and ${names[2]} like this` :
`${names[0]}, ${names[1]} and ${len - ...
3
let selection = [];
function applySelection(){
$(".search__tags--country").html(
selection.map((x) => `<span>${x.name}</span>`).join(' ')
);
}
$(".tags__tabs--block .tags__item").click(function() {
$(this).toggleClass("tags__item--active");
const isActive = $(this).hasClass("tags__item--active");
const country = $(...
50 лучших ответов включены
Связанные метки
javascript × 52217jquery × 13190
html × 10677
css × 6181
php × 4663
ajax × 2860
node.js × 2100
reactjs × 1832
html5 × 1403
json × 1300
vue.js × 1228
массивы × 995
css3 × 785
веб-программирование × 759
регулярные-выражения × 702
canvas × 670
angularjs × 614
svg × 595
dom × 535
bootstrap × 512
функции × 478
wordpress × 464
java × 446
вёрстка × 432
mysql × 407