Вопросы с меткой [javascript]
JavaScript (не путать с Java) — динамический, интерпретируемый язык со слабой типизацией, обычно используемый для написания скриптов на стороне клиента. Эта метка предназначена для вопросов, связанных с ECMAScript, его различными диалектами и реализациями (за исключением ActionScript). Если нет меток, относящихся к фреймворкам, предполагается, что код в ответах также не должен требовать сторонних библиотек.
67,126
вопросов
2
голоса
1
ответ
33
показа
Автоматическое вычисление поля по другим полям формы
Пишу небольшое приложение на Flask. Необходимо при заполнении формы произвести вычисление третьей ячейки по двум предыдущим на лету, в режиме реального времени. Сейчас реализовал следующий код для ...
-1
голос
0
ответов
17
показов
Javascript получить файл json из кнопки "загрузить файл" и распарсить его [дубликат]
Нужно взять json файл, хранящийся локально, загрузить его на странице через кнопку "загрузить файл", и прочитать что внутри, хотя бы через console.log
Подскажите как это можно сделать? ...
0
голосов
0
ответов
36
показов
Как обратиться к виджету на web-странице?
Есть веб страница с виджетом. Нужно прописать скрипт для действий в этом виджете. Однако при срабатывании скрипта, документ не видит элементы из виджета. Я могу вручную выбрать вкладку с виджетом в ...
0
голосов
0
ответов
20
показов
Как отобразить стили, используя styled-components в react-native
То ли что-то не понимаю, то не знаю уже, но при отображении Square(мои стили), ничего не отображается, тупо белый фон, web compiled successfully показывает. Убираю , всё отображается. Что-то делаю не ...
-1
голос
0
ответов
42
показа
как поисковую строку связать с апи?
скажите, пожалуйста, что-то я неверно сделала.Делаю хэдэр с поисковой строкой, нужно чтобы выходил список фильмов и сериалов.
const list = document.querySelector('#list')
const filter = document....
0
голосов
0
ответов
15
показов
Axios, AWS s3 progress bar при загрузке файла
У меня есть сервер на node js,который загружает файлы на aws s3, когда я c фронта на реакте при помощи axios передаю файл, то onUploadProgress у меня возвращает 100% когда файл загрузился именно на ...
0
голосов
2
ответа
34
показа
как перейти на другую страницу в vue?
Всем привет. Я новичок в frontend и пытаюсь изучить vue. Хочу написать сайт для заметок. Подскажите, как мне просто перейти на другую страницу? Хочу из главной страницы перейти на страницу создания ...
-1
голос
0
ответов
40
показов
Объясните логику работы этого кода
Всем привет, объясните пожалуйста этот код: как в нем вычисляется разница между годами? Видел объяснение по типу: "Если текущая дата меньше измененной даты рождения, то вычитается 1 год из ...
0
голосов
0
ответов
47
показов
Как обнулить стиль point через атрибут класса?
function ShowPointer() {
DeletePointer();
var input = $('#searchInput').val().toLowerCase();
console.log(input);
let point = document.createElement('img');
point.src='/znak_mestopolozhenia....
-2
голоса
1
ответ
58
показов
Как запустить и остановить SetInterval?
Как запустить setInterval когда настранице нет элемента с классом .myclss и остановить setInterval когда .myclss появится?
0
голосов
0
ответов
24
показа
Как получить ошибку загрузки плеера youtube iframe
у меня получается обработать успешную загрузку плеера youtube с помощью .onload, но когда у плеера происходит ошибка и он не загружается, то .onerror не работает. Хотел бы очень узнать, как можно как-...
0
голосов
1
ответ
48
показов
Как сделать так, чтобы 1 картинка была идиально ровно под другой
мне нужно, чтобы выделенные красным части были равными. Это редактор фото и я не могу предсказать размер фото, что не даёт мне банально указать отступы. Ожидаемый результат: превью (полное ...
0
голосов
1
ответ
43
показа
Почему рендер узла в DOM дереве происходит только после перезагрузки страницы?
Реализованный функционал:
При выборе авто из select и клику по кнопке "Добавить", рендерится карточка с авто. Суть в свойстве объекта Cruise, если Cruise === 1, когда checkbox === checked, ...
0
голосов
0
ответов
12
показов
присвоение класса активной ссылки для результата поиска
Всем привет. Дописываю сайт на django + htmx + jquery. Есть меню категорий услуг и присвоение класса .active_child для активной ссылки этого меню реализовано следующим образом:
$(".root").on(...
0
голосов
0
ответов
22
показа
Как реализовать текстовой слайдер на js?
то что выделен красным это активный элемент
let projectTitles = Array.from(document.querySelectorAll('.projects__titles > p'));
let titlesDisplay = document.getElementsByClassName('...
0
голосов
1
ответ
50
показов
работа с обьектом в обьекте js
Друзья, нужна помощь в том, чтобы разобраться, как работать с несколькими обьектами, а то я полностью запутался и не понимаю, что и как нужно делать.
Итак, есть у меня обьект:
let HERO = {
name: '',...
0
голосов
1
ответ
69
показов
Как сделать такую ленту с цикличным текстом?
Есть дизайн для верстки, и на нем есть такой элемент:
Т.е. это вот такой <div> на 100% ширины экрана и внутри этого div-а текст с картинками (два маленьких флага Японии), и они должны вот так ...
0
голосов
1
ответ
45
показов
Плавное изменение зафиксированного контента при scroll по примеру
Имеется конкретный пример реализации.
Сайт: https://www.apple.com/airpods-pro/
Блок о котором идет речь:
При прокрутке этого блока, меняется плавно изображение и текст.
Именно этот эффект я хочу ...
-1
голос
0
ответов
20
показов
Замена изображение выбранным изображением
<div class="photo-box cursor-pointer">
<div class="mt-12 text-center">
<div v-if="!selectedImage">
<Photo class="inline" @click="openFileInput" />
<...
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) {
...
0
голосов
0
ответов
36
показов
Сервер возвращает 403
Локально сайт работал хорошо, но когда поставил залил его, но появились ошибки: открывается страница логина и я могу залогиниться или создать нового пользователя, у меня стоит проверка login check, ...
1
голос
0
ответов
39
показов
передача данных через JSON
<div class="crug" onclick="sending(1891)"></div>
у меня есть html объект при нажатии на который вызывается функция:
function sending(date) {
fetch('/', {
...
0
голосов
1
ответ
41
показ
Преобразование Date( )
Пытаюсь разобраться в Js + React. Делаю первые шаги.
Хочу написать таймер обратного отсчёта даты. Предположил, что дату буду вводить в админке, поэтому в функцию она будет попадать в виде строки. По ...
0
голосов
1
ответ
56
показов
Вывод массива jQuery
Есть следующий массив:
let names = [
['Peavy', 'Wagner', 4],
['Stefan', 'Weber', 2],
['Jean', 'Bormann', 3]
]
Нужно, чтобы всё это выводилось в цикле через блок item следующим образом:
&...
0
голосов
1
ответ
33
показа
Как убрать отступ от краев ? т.е. мне не нравится что от навигационной панели отступ,я хочу чтобы она была целиком фонового цвета
$(function(){
if($('.nav>ul>li').hasClass('selected')){
$('.selected').addClass('active');
var currentleft=$('.selected').position().left+"px";
var currentwidth=$('.selected')....
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-...
-1
голос
0
ответов
16
показов
Является ли проблемой Nginx для передачи данных от Telegram?
В контейнере Docker лежит WebApp для телеграм - мини-магазин. Он проксируется NGINX - через него идет подключение и именно он обеспечивает безопасное соединение.
Так вот, возник небольшой вопрос - ...
0
голосов
0
ответов
39
показов
Как вывести на HTML страницу данные из API запросом на странице
Вот код.
<script>
var settings = {
"async": true,
"crossDomain": true,
"url": "https://https://api-core.xxxxxxxxxx.com/api/articles/18782",
"...
0
голосов
0
ответов
37
показов
Переполнение блока до верхней границы
Создаю мини-версию консоли на JS. Каждая введённая строка создаёт новый div с моим текстом или текстом ответа и добавляет его в общий блок. Но несмотря на добавленный overflow: scroll; бегунки ...
0
голосов
0
ответов
24
показа
Какое нормальное АПИ можно использовать для построения ЖД маршрутов
Ищу апи, где поддерживается построение маршрутов между двумя точками на жд пути. Яндекс, 2Гис и прочие конторы не поддерживают это
0
голосов
1
ответ
41
показ
Чем можно заменить цифру в тексте в innerText?
new MutationObserver((mutations, observer) => {
const Node = document.querySelector('.myclass');
if (Node.matches('.myclss') && Node.innerText === 'Cегодня 1 ноября'){
document....
0
голосов
2
ответа
37
показов
Как получить все значения(количество товара * цена товара) из цикла forEach, сложить их и вывести общую сумму вне этого цикла
const listItems = document.querySelector('.list')
const products = [{
inpVal: 1,
title: 'nachos',
value: '30'
},
{
inpVal: 0,
title: 'guacamole',
value: '40'
},
{
...
-1
голос
0
ответов
30
показов
Создается не копия а ссылка массиве [дубликат]
У меня есть код симуляции атмосферы.Я начал его улучшать и в етот момент появилась проблема.А точнее работа кода никак не изменилась.
Вот код.
index.html
<!DOCTYPE html>
<html lang="en&...
0
голосов
0
ответов
40
показов
React Native сборка не отправляет запрос на http сервер
Всем привет! Я использую в своей разработке Expo. При отправке запросов, сначала использовал fetch, теперь перешел на axios (я думал, что проблема таким образом решится). Во время разработки всё ...
-4
голоса
1
ответ
41
показ
Переписать jquery на нативный JS
Как будет выглядеть жикверный скрипт на нативном JS?
$(document).ready(function (){
$( ".dotted" ).each(function() {
$(this).click(function() {
$(this).next('.rekl-...
0
голосов
3
ответа
50
показов
Не работает clearInterval
const Timer = () => {
var timerId = 0;
let [timer, setTimer] = useState(10);
useEffect(() => {
if (timer === 0) {
clearInterval(timerId);
}
}, [timer]);
timerId = ...
0
голосов
1
ответ
24
показа
Отслеживание хуков watcher-ом
Какие хуки отслеживает watcher во Vue? Я имею ввиду Триггер watcher'ов внутри хуков жизненного цикла на https://habr.com/ru/companies/constanta/articles/435700/. Пытался искать в документации - не ...
-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....
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 ...
0
голосов
0
ответов
52
показа
Подключение скрипта в <head> в TypeScript
Разрабатываю Mini App для Телеграмма на React и TypeScript в VSCode.
Как и написано в документации, для связи Телеграмма с Mini App размещаю ссылку на скрипт в index.html:
<head>
<script ...
0
голосов
1
ответ
18
показов
как сделать плавную прокрутку страницы с помощью Locomotive Scroll в next.js(или может другие варианты предложите)
Но у меня происходят проблемы с тем, что идет прокрутка впольдь за границы экрана
'use client';
import { useEffect } from 'react';
import LocomotiveScroll from 'locomotive-scroll';
const ...
1
голос
0
ответов
34
показа
Как сделать автоматический запуск и отключение MutationObserver?
Мой код добавляет и удаляет класс _disabled, если нет myobserver.disconnect(). Но как только я добавляю в код myobserver.disconnect(), то класс _disabled уже не добавляется, потому-что observer ...
0
голосов
0
ответов
40
показов
Найти часть кода HTML на странице
Извиняюсь за тупой вопрос, но мне нужно найти кусок кода и заменить его на странице, но проблема в том, что этот кусок кода находится внизу списка, а список постоянно подгружается со страницы. Пытаюсь ...
0
голосов
0
ответов
38
показов
Регулярное выражение для получения значений внутри скобок [дубликат]
Имеется строка "(word1 и word2) и word3". Мне необходимо получить ["word1 и word2", "и", "word3"]
Еще парочка примеров:
Имеется: "(word1 и (word2 и word3)) ...
0
голосов
0
ответов
15
показов
VS Code: Compiled with 5 warnings
Проект был создан с помощью create-react-app.
VS Code на каком то этапе начал запускать проект с 5 ошибками. В чем может быть проблема? Пробовал обновлять зависимости и заново качать node_modules - не ...
-1
голос
0
ответов
42
показа
Реализовать зависимость полей ввода значений в React
Вопрос в следующем подскажите как решить более корректно таску: есть компонент: в виде модалки с 2 кнопками(курицы и петухи) и 4 полями ввода( в зависимости от категории веса).
В зависимости от ...
0
голосов
0
ответов
30
показов
Форма не отправляет файлы через ajax
Не могу отправить все данные с формы. Текстовые поля отправляются, type=file не отправляется. В чем может быть причина? Буду рад любой помощи!
$('#contact-form').submit(function(e) {
e....
0
голосов
0
ответов
35
показов
Не удается изменить текст <label> с помощью textContent js
Пытаюсь менять форму входа при разных выбранных радио-кнопках.
let findSelected=()=> {
let selected=document.querySelector("input[name='check']:checked").value;
console.log(selected);
if (...
0
голосов
0
ответов
58
показов
Как заставить Vite собрать проект, который можно запустить без веб-сервера?
Есть проект на Vue, собираемый через Vite. При сборке он добавляет итоговый main.js в head c атрибутом type='module'. Если открыть dist/index.html локально без веб-сервера, то получим ошибку CORS при ...
0
голосов
1
ответ
44
показа
Не могу понять, как использовать функцию из файла .tsx в файле .jsx
решил попробовать написать простенькую страничку Todo. Использую библиотеку react, chakra-ui и ещё typescript
Создал файл Home.tsx, в нём прописал функцию TodoList, в ней основная логика работы.
...