Вопросы с меткой [javascript]

JavaScript (не путать с Java) — динамический, интерпретируемый язык со слабой типизацией, обычно используемый для написания скриптов на стороне клиента. Эта метка предназначена для вопросов, связанных с ECMAScript, его различными диалектами и реализациями (за исключением ActionScript). Если нет меток, относящихся к фреймворкам, предполагается, что код в ответах также не должен требовать сторонних библиотек.

Фильтрация
Сортировка
Метки
2 голоса
1 ответ
33 показа

Автоматическое вычисление поля по другим полям формы

Пишу небольшое приложение на Flask. Необходимо при заполнении формы произвести вычисление третьей ячейки по двум предыдущим на лету, в режиме реального времени. Сейчас реализовал следующий код для ...
sportul's user avatar
  • 55
-1 голос
0 ответов
17 показов

Javascript получить файл json из кнопки "загрузить файл" и распарсить его [дубликат]

Нужно взять json файл, хранящийся локально, загрузить его на странице через кнопку "загрузить файл", и прочитать что внутри, хотя бы через console.log Подскажите как это можно сделать? ...
Андрей's user avatar
0 голосов
0 ответов
36 показов

Как обратиться к виджету на web-странице?

Есть веб страница с виджетом. Нужно прописать скрипт для действий в этом виджете. Однако при срабатывании скрипта, документ не видит элементы из виджета. Я могу вручную выбрать вкладку с виджетом в ...
Dexter's user avatar
  • 1
0 голосов
0 ответов
20 показов

Как отобразить стили, используя styled-components в react-native

То ли что-то не понимаю, то не знаю уже, но при отображении Square(мои стили), ничего не отображается, тупо белый фон, web compiled successfully показывает. Убираю , всё отображается. Что-то делаю не ...
Tignar2's user avatar
  • 13
-1 голос
0 ответов
42 показа

как поисковую строку связать с апи?

скажите, пожалуйста, что-то я неверно сделала.Делаю хэдэр с поисковой строкой, нужно чтобы выходил список фильмов и сериалов. const list = document.querySelector('#list') const filter = document....
Natalia's user avatar
0 голосов
0 ответов
15 показов

Axios, AWS s3 progress bar при загрузке файла

У меня есть сервер на node js,который загружает файлы на aws s3, когда я c фронта на реакте при помощи axios передаю файл, то onUploadProgress у меня возвращает 100% когда файл загрузился именно на ...
Alexandr Beknazaryan's user avatar
0 голосов
2 ответа
34 показа

как перейти на другую страницу в vue?

Всем привет. Я новичок в frontend и пытаюсь изучить vue. Хочу написать сайт для заметок. Подскажите, как мне просто перейти на другую страницу? Хочу из главной страницы перейти на страницу создания ...
Ahmed_08's user avatar
  • 109
-1 голос
0 ответов
40 показов

Объясните логику работы этого кода

Всем привет, объясните пожалуйста этот код: как в нем вычисляется разница между годами? Видел объяснение по типу: "Если текущая дата меньше измененной даты рождения, то вычитается 1 год из ...
Dream's user avatar
  • 81
0 голосов
0 ответов
47 показов

Как обнулить стиль point через атрибут класса?

function ShowPointer() { DeletePointer(); var input = $('#searchInput').val().toLowerCase(); console.log(input); let point = document.createElement('img'); point.src='/znak_mestopolozhenia....
Redfireworld 's user avatar
-2 голоса
1 ответ
58 показов

Как запустить и остановить SetInterval?

Как запустить setInterval когда настранице нет элемента с классом .myclss и остановить setInterval когда .myclss появится?
Иван's user avatar
0 голосов
0 ответов
24 показа

Как получить ошибку загрузки плеера youtube iframe

у меня получается обработать успешную загрузку плеера youtube с помощью .onload, но когда у плеера происходит ошибка и он не загружается, то .onerror не работает. Хотел бы очень узнать, как можно как-...
Whain's user avatar
  • 1
0 голосов
1 ответ
48 показов

Как сделать так, чтобы 1 картинка была идиально ровно под другой

мне нужно, чтобы выделенные красным части были равными. Это редактор фото и я не могу предсказать размер фото, что не даёт мне банально указать отступы. Ожидаемый результат: превью (полное ...
ALites Lite's user avatar
0 голосов
1 ответ
43 показа

Почему рендер узла в DOM дереве происходит только после перезагрузки страницы?

Реализованный функционал: При выборе авто из select и клику по кнопке "Добавить", рендерится карточка с авто. Суть в свойстве объекта Cruise, если Cruise === 1, когда checkbox === checked, ...
Andrew Koshman's user avatar
0 голосов
0 ответов
12 показов

присвоение класса активной ссылки для результата поиска

Всем привет. Дописываю сайт на django + htmx + jquery. Есть меню категорий услуг и присвоение класса .active_child для активной ссылки этого меню реализовано следующим образом: $(".root").on(...
Pavel S's user avatar
  • 27
0 голосов
0 ответов
22 показа

Как реализовать текстовой слайдер на js?

то что выделен красным это активный элемент let projectTitles = Array.from(document.querySelectorAll('.projects__titles > p')); let titlesDisplay = document.getElementsByClassName('...
Sem4ik's user avatar
  • 43
0 голосов
1 ответ
50 показов

работа с обьектом в обьекте js

Друзья, нужна помощь в том, чтобы разобраться, как работать с несколькими обьектами, а то я полностью запутался и не понимаю, что и как нужно делать. Итак, есть у меня обьект: let HERO = { name: '',...
drako black's user avatar
0 голосов
1 ответ
69 показов

Как сделать такую ленту с цикличным текстом?

Есть дизайн для верстки, и на нем есть такой элемент: Т.е. это вот такой <div> на 100% ширины экрана и внутри этого div-а текст с картинками (два маленьких флага Японии), и они должны вот так ...
midnightelf18's user avatar
0 голосов
1 ответ
45 показов

Плавное изменение зафиксированного контента при scroll по примеру

Имеется конкретный пример реализации. Сайт: https://www.apple.com/airpods-pro/ Блок о котором идет речь: При прокрутке этого блока, меняется плавно изображение и текст. Именно этот эффект я хочу ...
Pavel's user avatar
  • 45
-1 голос
0 ответов
20 показов

Замена изображение выбранным изображением

<div class="photo-box cursor-pointer"> <div class="mt-12 text-center"> <div v-if="!selectedImage"> <Photo class="inline" @click="openFileInput" /> <...
Заур Асадов's user avatar
0 голосов
0 ответов
52 показа

как сравнить символ в алфавитном порядке?

function isAlphabet(letters) { if (letters.length === 0) { return false; } for (let i = 0; i < letters.length - 1; i++) { if (letters[i].localeCompare(letters[i + 1]) < 0) { ...
Oleksii Shpak's user avatar
0 голосов
0 ответов
36 показов

Сервер возвращает 403

Локально сайт работал хорошо, но когда поставил залил его, но появились ошибки: открывается страница логина и я могу залогиниться или создать нового пользователя, у меня стоит проверка login check, ...
Mein_Kun's user avatar
1 голос
0 ответов
39 показов

передача данных через JSON

<div class="crug" onclick="sending(1891)"></div> у меня есть html объект при нажатии на который вызывается функция: function sending(date) { fetch('/', { ...
No Name's user avatar
  • 13
0 голосов
1 ответ
41 показ

Преобразование Date( )

Пытаюсь разобраться в Js + React. Делаю первые шаги. Хочу написать таймер обратного отсчёта даты. Предположил, что дату буду вводить в админке, поэтому в функцию она будет попадать в виде строки. По ...
Azimut's user avatar
  • 5
0 голосов
1 ответ
56 показов

Вывод массива jQuery

Есть следующий массив: let names = [ ['Peavy', 'Wagner', 4], ['Stefan', 'Weber', 2], ['Jean', 'Bormann', 3] ] Нужно, чтобы всё это выводилось в цикле через блок item следующим образом: &...
user19652853's user avatar
0 голосов
1 ответ
33 показа

Как убрать отступ от краев ? т.е. мне не нравится что от навигационной панели отступ,я хочу чтобы она была целиком фонового цвета

$(function(){ if($('.nav>ul>li').hasClass('selected')){ $('.selected').addClass('active'); var currentleft=$('.selected').position().left+"px"; var currentwidth=$('.selected')....
Yunu's user avatar
  • 1
0 голосов
0 ответов
43 показа

Как сделать прокрутку элементов без потери функционала

Впервые сел за HTML, скачал шаблон https://www.tooplate.com/live/2086_multi_color ссылка https://html-templates.info/fotografiya/yarkij-gotovyj-html-css-shablon-sajta-galerei-fotografij-multi-color-...
LestatCabrerra's user avatar
-1 голос
0 ответов
16 показов

Является ли проблемой Nginx для передачи данных от Telegram?

В контейнере Docker лежит WebApp для телеграм - мини-магазин. Он проксируется NGINX - через него идет подключение и именно он обеспечивает безопасное соединение. Так вот, возник небольшой вопрос - ...
Arthur Langley-Reddle's user avatar
0 голосов
0 ответов
39 показов

Как вывести на HTML страницу данные из API запросом на странице

Вот код. <script> var settings = { "async": true, "crossDomain": true, "url": "https://https://api-core.xxxxxxxxxx.com/api/articles/18782", "...
Serhii Pohrebnyi's user avatar
0 голосов
0 ответов
37 показов

Переполнение блока до верхней границы

Создаю мини-версию консоли на JS. Каждая введённая строка создаёт новый div с моим текстом или текстом ответа и добавляет его в общий блок. Но несмотря на добавленный overflow: scroll; бегунки ...
tetraph's user avatar
0 голосов
0 ответов
24 показа

Какое нормальное АПИ можно использовать для построения ЖД маршрутов

Ищу апи, где поддерживается построение маршрутов между двумя точками на жд пути. Яндекс, 2Гис и прочие конторы не поддерживают это
Fernando's user avatar
0 голосов
1 ответ
41 показ

Чем можно заменить цифру в тексте в innerText?

new MutationObserver((mutations, observer) => { const Node = document.querySelector('.myclass'); if (Node.matches('.myclss') && Node.innerText === 'Cегодня 1 ноября'){ document....
Иван's user avatar
0 голосов
2 ответа
37 показов

Как получить все значения(количество товара * цена товара) из цикла forEach, сложить их и вывести общую сумму вне этого цикла

const listItems = document.querySelector('.list') const products = [{ inpVal: 1, title: 'nachos', value: '30' }, { inpVal: 0, title: 'guacamole', value: '40' }, { ...
Марина Алферова's user avatar
-1 голос
0 ответов
30 показов

Создается не копия а ссылка массиве [дубликат]

У меня есть код симуляции атмосферы.Я начал его улучшать и в етот момент появилась проблема.А точнее работа кода никак не изменилась. Вот код. index.html <!DOCTYPE html> <html lang="en&...
Карасёв Артемий's user avatar
0 голосов
0 ответов
40 показов

React Native сборка не отправляет запрос на http сервер

Всем привет! Я использую в своей разработке Expo. При отправке запросов, сначала использовал fetch, теперь перешел на axios (я думал, что проблема таким образом решится). Во время разработки всё ...
Andre's user avatar
  • 13
-4 голоса
1 ответ
41 показ

Переписать jquery на нативный JS

Как будет выглядеть жикверный скрипт на нативном JS? $(document).ready(function (){ $( ".dotted" ).each(function() { $(this).click(function() { $(this).next('.rekl-...
Андрей Хирнов's user avatar
0 голосов
3 ответа
50 показов

Не работает clearInterval

const Timer = () => { var timerId = 0; let [timer, setTimer] = useState(10); useEffect(() => { if (timer === 0) { clearInterval(timerId); } }, [timer]); timerId = ...
Timur's user avatar
  • 11
0 голосов
1 ответ
24 показа

Отслеживание хуков watcher-ом

Какие хуки отслеживает watcher во Vue? Я имею ввиду Триггер watcher'ов внутри хуков жизненного цикла на https://habr.com/ru/companies/constanta/articles/435700/. Пытался искать в документации - не ...
vlad dv's user avatar
  • 29
-2 голоса
0 ответов
59 показов

Как перенести php код в html при помощи js

const closeButton = document.getElementById('option-close-button') const optionBlock = document.getElementById('option-block') const tasks = document.getElementById('tasks') const edit = document....
Inferum's user avatar
0 голосов
0 ответов
31 показ

Почему функция вызывается два раза в nextJS/ReactJS?

page.js 'use client' import { useState } from "react" import Task from "./components/task" Array.prototype.appEnd = function(element){ this[this.length] = element } export ...
write's user avatar
  • 5
0 голосов
0 ответов
52 показа

Подключение скрипта в <head> в TypeScript

Разрабатываю Mini App для Телеграмма на React и TypeScript в VSCode. Как и написано в документации, для связи Телеграмма с Mini App размещаю ссылку на скрипт в index.html: <head> <script ...
Алексей's user avatar
0 голосов
1 ответ
18 показов

как сделать плавную прокрутку страницы с помощью Locomotive Scroll в next.js(или может другие варианты предложите)

Но у меня происходят проблемы с тем, что идет прокрутка впольдь за границы экрана 'use client'; import { useEffect } from 'react'; import LocomotiveScroll from 'locomotive-scroll'; const ...
Алексей Татарчук's user avatar
1 голос
0 ответов
34 показа

Как сделать автоматический запуск и отключение MutationObserver?

Мой код добавляет и удаляет класс _disabled, если нет myobserver.disconnect(). Но как только я добавляю в код myobserver.disconnect(), то класс _disabled уже не добавляется, потому-что observer ...
Иван's user avatar
0 голосов
0 ответов
40 показов

Найти часть кода HTML на странице

Извиняюсь за тупой вопрос, но мне нужно найти кусок кода и заменить его на странице, но проблема в том, что этот кусок кода находится внизу списка, а список постоянно подгружается со страницы. Пытаюсь ...
Кирилл Василенко's user avatar
0 голосов
0 ответов
38 показов

Регулярное выражение для получения значений внутри скобок [дубликат]

Имеется строка "(word1 и word2) и word3". Мне необходимо получить ["word1 и word2", "и", "word3"] Еще парочка примеров: Имеется: "(word1 и (word2 и word3)) ...
Нурдан Абдиев's user avatar
0 голосов
0 ответов
15 показов

VS Code: Compiled with 5 warnings

Проект был создан с помощью create-react-app. VS Code на каком то этапе начал запускать проект с 5 ошибками. В чем может быть проблема? Пробовал обновлять зависимости и заново качать node_modules - не ...
Igor Mokhov's user avatar
-1 голос
0 ответов
42 показа

Реализовать зависимость полей ввода значений в React

Вопрос в следующем подскажите как решить более корректно таску: есть компонент: в виде модалки с 2 кнопками(курицы и петухи) и 4 полями ввода( в зависимости от категории веса). В зависимости от ...
Руслан Ядевич's user avatar
0 голосов
0 ответов
30 показов

Форма не отправляет файлы через ajax

Не могу отправить все данные с формы. Текстовые поля отправляются, type=file не отправляется. В чем может быть причина? Буду рад любой помощи! $('#contact-form').submit(function(e) { e....
Pavel 's user avatar
  • 333
0 голосов
0 ответов
35 показов

Не удается изменить текст <label> с помощью textContent js

Пытаюсь менять форму входа при разных выбранных радио-кнопках. let findSelected=()=> { let selected=document.querySelector("input[name='check']:checked").value; console.log(selected); if (...
CJura's user avatar
  • 1
0 голосов
0 ответов
58 показов

Как заставить Vite собрать проект, который можно запустить без веб-сервера?

Есть проект на Vue, собираемый через Vite. При сборке он добавляет итоговый main.js в head c атрибутом type='module'. Если открыть dist/index.html локально без веб-сервера, то получим ошибку CORS при ...
Talleyran's user avatar
  • 1,686
0 голосов
1 ответ
44 показа

Не могу понять, как использовать функцию из файла .tsx в файле .jsx

решил попробовать написать простенькую страничку Todo. Использую библиотеку react, chakra-ui и ещё typescript Создал файл Home.tsx, в нём прописал функцию TodoList, в ней основная логика работы. ...
CLD1K3's user avatar
  • 3