Jump to content

JavaScript

A programming language that conforms to the ECMAScript specification

Explore Questions

There are no popular questions to show right now

4,723 questions in this forum

  1. Пересчитать сумму всех input

    Здравствуйте! Есть несколько товаров с выбором количества и ценой - jsfiddle Подскажите, пожалуйста, как реализовать следующее: При клике на <span class="plus">+</span> или <span class="minus">-</span> в <div id="totalCount">0</div> должна выводиться общая сумма заказа. То есть, цена товара умножается на его кол-во и передается в <div id="totalCount">. Заранее благодарен за помощь!

    Asked by volshebnyi,

    0 votes
    3 answers

  2. Помощь по JQUERY

    With jQuery, you must search on Flickr, using APIs, to get 5 images per keyword and create appropriate baskets. User should be able to drag & drop received pictures in the appropriate basket. The picture is moving back in case of throwing into the wrong basket. At any moment, you should show the pictures you put on the basket by clicking on it. You must show a message after sorting all the pictures. All code must be written as a jQuery plugin. Check interface example on second page of this paper. Flickr API documentation: https://www.flickr.com/services/api/ Прощу помоч. Я начинаюшый и Jquery не очень понимаю.

    Asked by Edmon Arzumanyan,

    0 votes
    1 answer

  3. увеличение и уменьшение значения type number

    Здравствуйте, у меня такая проблема, есть код, который увеличивает и уменьшает значение в input при нажатии определённой кнопки, вот только столкнулся с проблемой, если на уменьшение кнопка работает корректно, то кнопка, которая должна увеличивать, при нажатии просто делает значение максимальным. Не могу найти, где я ошибся, прошу помощи.. document.addEventListener('DOMContentLoaded', function () { if (document.querySelector('.number__but')) { let arrNuberCalc = document.querySelectorAll('.number__but'); for(let i = 0; i < arrNuberCalc.length; i++) { mycalc(arrNuberCalc[i]); } function mycalc(nuberCalc) { …

    Asked by cozy_eternity,

    0 votes
    2 answers

  4. Скрытие и показ div

    Столкнулся с проблемой показа скрытых элементов. Ставлю div'у display:none и при выборе radio кнопки, div должен отображаться, но этого не происходит, прошу помочь.. <label>Нужны ли распашные дверцы?</label> <p><input type="radio" name="swing" onclick="ShowElement1">Да</p> <p><input type="radio" name="swing">Нет</p> <div id="swing"> <p><label>Введите размер ячеек:</label></p> <p>Высота<input type="number"></p> <p>Ширина<input type="number"></p> …

    Asked by cozy_eternity,

    0 votes
    1 answer

  5. Вывод текста при нажатии на кнопку

    Задача: если в поле вводится ответ с 1 ошибкой в цифре, то выводится частичное решение, если 2 ошибки и более, то ответ неверный, если все цифры совпадают, то ответ верный. НО почему-то код работает не совсем верно <!DOCTYPE HTML> <html> <head> <style> .correct { background-color: #79ba6c; color: #000000; } .wrong { background-color: #ed9898; color: #000000; } .half { background-color:#f5b65d; color:#000000; } </style> <meta charset="UTF-8"> <script> function rezultat1() { const user_answer = document.getElementById('otvet1').value; const correct_answer = '529736'; let score = 0; for (let i = 0; i < correc…

    Asked by blkvnkl,

    0 votes
    1 answer

  6. На какие новшенства css надо обратить внимание верстальщику?

    На какие новшенства css надо обратить внимание верстальщику? CSS Modules, Flex, CSS Grid... Что еще?

    Asked by torsar,

    0 votes
    5 answers

  7. RevolveR front-end Core :: библиотека с мощным UI и кучей API

    Приветствую. Долгое время я втайне лабал библиотеку front-end, которая пришла бы на замену всех инструментов, которые мне нравились. Чуть больше 100кб кода заменяют мне и jQuery и React. В библиотеке есть готовые UI\UX компоненты для создания web сайтов и продвинутых интерфейсов, а также мощное API для работы с DOM, динамическими запросами и CSS анимацией(почти все возможные easing и свойства CSS). Core создано на ECMAScript 7. В библиотеке UI слайдер, плавающие вкладки, плавающее меню с поддержкой мобильной платформы, сворачиваемые элементы и украшательства форм. Раньше RevolveR front-end Core была частью RevolveR CMF, но меня попросили отдать библиотеку л…

    Asked by Full-R,

    0 votes
    6 answers

  8. Не срабатывает цикл for

    Почему код срабатывает только тогда когда var i = 0; поменять на let i = 0;? Если оставить код как есть вывод: fib[6] = undefined Сам код <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <script> const fib = [1,2,3,5,8,13] for(var i = 0; i < fib.length; i++){ setTimeout(function() { console.log(`fib[${i}] = ${fib[i]}`) },1500) } </script> </body> </html> Вот такой код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <script> const fib = [1,2,3,5,8,13]…

    Asked by denis_alekss,

    0 votes
    21 answers

  9. Не работает вывод суммы двух чисел

    <!DOCTYPE html> <html lang=ru> <head> <meta charset="utf-8"/> <meta name="author" content="DV"/> <meta name="keywords" content="Калькулятор"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="description" content="Калькулятор"/> <title>Калькулятор</title> <link rel="stylesheet" href="styles.css"> </head> <body> <form oninput="result.value=num1.value+num2.value"> <h3>Сумма двух чисел</h3> <p>Введите первое число: <input …

    Asked by Beatus,

    0 votes
    2 answers

  10. get/set и его использование в Javascript

    Решил понять смысл get/set, написал небольшой код, правильно ли в нем используется метод get/set или нужно по-другому, если по-другому, напишите пож. как лучше в моем коде. <script> class Beverage{ constructor(options){ this.name = options.name; } returnName() {console.log(this.name)} } class Price extends Beverage { constructor(options){ super(options) this.price = options.price; this.bos = options.bos; } result() {console.log("Напиток " + this.name + " Цена" + this.price + "Директор - " + this.bos)} get Bos(){ {return result()} } set Bos(newBos){ const newbos = n…

    Asked by denis_alekss,

    0 votes
    3 answers

  11. Простой шаблон, который позволяет сделать медленный скролл заднего фона.

    Есть варианты как просто сделать такой вот паралакс эффект без особого углубление фо фреймворки? http://www.lstm.com.ua/ Пока страница прокручивается нормально, бэкграунд движется немного медленнее. Никак не могу добиться такого эффекта, перелазил уже все форумы. Заранее благодарен, кто отзовется.

    Asked by waldsin,

    0 votes
    2 answers

  12. Постфиксный инкремент

    Доброго дня, пытаюсь изучать JS. Есть такая задачка. var a = 2, b = 2, c, d; c = ++a; d = b++; c = (2 + ++a); d = (2 + b++); console.log(a, b, c, d); Ответы: a=4 b=4 c=6 d=5 НЕ ПОНИМАЮ почему d =5. Хоть убейте не доходит.

    Asked by GRAY,

    0 votes
    2 answers

  13. Как сделать прицельное увеличение изображения?

    Нужный функционал в совершенстве реализован тут. Не обязательны кнопки (но с ними намного лучше), хотя бы прицельное увеличение по клавишам.

    Asked by biomass,

    0 votes
    1 answer

  14. Изменение текста в slick slider

    Есть js в котором работает счетчик слайда. При свайпе, следующему слайду, добавляется новый текст. Вопрос: как изменить опять текст, при свайпе назад <span class="name-itm">Текст</span> var $slider = $('.slider'); var sliderCounter = document.getElementsByClassName("slider-counter"); var nameItm = document.getElementsByClassName("name-itm"); var newText = "Новый текст"; if ($slider.length) { var updateSliderCounter = function(slick, currentIndex) { currentSlide = slick.slickCurrentSlide() + 1; $(sliderCounter).text(currentSlide); }; $slider.on('afterChange', function(event, slick, currentSlide, nextSlide) { update…

    Asked by SergeyMsky,

    0 votes
    0 answers

  15. У меня не получается активировать кнопку Enter.

    Не думал что буду обращаться сюда. Я написал простую игру на JS. Активировать кнопку Enter не получается. Пытался найти решение в интернете. Если кому-то не трудно, помогите пожалуйста. Ещё подскажите в какую строку вставить активацию. Игру загрузил на бесплатный хостинг, можете посмотреть: http://f0535962.xsph.ru <!DOCTYPE html> <html lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Guess</title> <style> html { font-family: sans-serif; font-size: 25px; text-align: center; color: white; } body { …

    Asked by dislav,

    0 votes
    4 answers

  16. Вкладки с динамической подгрузкой

    Помогите пожалуйста понять как создать вкладки с динамической подгрузкой данных. Причём, внутри вкладок должен быть iframe либо скрипт. Всего должно быть 3 вкладки. Нашел вот такое решение: <span class="address-link" data-target-id="target-div-7">вкладка</span> <div id="target-div-7"></div> Код скрипта: $('.address-link').click(function(){ var targetId = $(this).data('target-id'); $('#' + targetId).html('<iframe код айфрейм></iframe>'); }); Решение рабочее, но это НЕ вкладки и этот код НЕ работает если вместо iframe использовать скрипт.

    Asked by alleclf,

    0 votes
    4 answers

  17. Не срабатывает Listener over.

    <html> <head> <meta charset="UTF-8"> <style> .t { position:relative; cursor:pointer; } </style> <script> function on_over(e){ var o=e.currentTarget; o.style.top="-2px"; }; function init(){ var o=document.getElementById("button"); o.addEventListener("over",on_over,true); } </script> </head> <body onload="init()"> <span class="t" id="button"> BUTTON </span> </body> </html> 1.html Разобрался. Нужно писать mouseover o.addEventListener("mouseover",on_over,true);

    Asked by SAVC,

    0 votes
    0 answers

  18. Не работает автоматический переход по ссылке из document.anchors

    <html> <head> <script> function start(){ var a=document.anchors[0]; a.click(); } </script> </head> <body onload="start()"> <a href="index-1-table.html"></a> </body> </html>

    Asked by SAVC,

    0 votes
    4 answers

  19. Как сделать вращение картинки?

    С помощью математических функцию удается сделать вращение квадрата состоящий из moveTo и lineTo. Как сделать тоже самое для картинки используя drawImage и transform? Мне нужно получить вот это пример анимация gif (только с drawImage). Вот пример кода анимации выше (чтобы запустить анимацию нужно удерживать любую кнопку на клавиатуре) <!doctype html> <html> <head> <meta charset="utf-8"> <title>Square 3D</title> </head> <body> <header> </header> <canvas id="canvas" width="400" height="400"></canvas> <script> function Point3d (x, y, z) { …

    Asked by Katerina23,

    0 votes
    0 answers

  20. Помогите доделать слайдер на JS (запутался)

    Https://dropmefiles.com/sYyOA Вот ссылка на проект. Создайте папку "img" и в ней папку "jac" и закиньте туда фотки, файл-обменик их зачем то удалил. В общем по фотке видно всё нормально, но я смог сделать, чтобы либо работала "система следующей фотки", либо "система по нажатию снизу фоток". Совместно оно не работает. Помогите пожалуйста, замучился уже 5 день мучаюсь. Проблема чисто в скрипте JS. Желательно сделать рабочую систему на 1-ой JS, 2-я жс немного как по мне не удобна.

    Asked by dewqqland,

    0 votes
    0 answers

  21. Замена текста на html css js

    Требуется сделать строку ввода в которые вписывается опреленная ссылка(любая) например:"https://htmlforum.org/forum/123" Нужно, чтобы по нажатию кнопки в веденной ссылке менялась половина до опреденного домена типа org с того что было например на "https://123htmlsuper.ru/forum/123" . То есть не просто с org на ru, а полностью от https до слеша перед org Дальнейший вывод этой ссылки или кнопки для перехода на эту ссылку Нужно это для сайта в "блокноте" html css Help

    Asked by Bignoob,

    0 votes
    8 answers

  22. Условие выбора языка на странице поиска

    Здравствуйте. Есть страница для поиска в Google. На странице поле для ввода слова, которое надо найти, поле для ввода языка, кнопка. Необходимо, чтобы пользователь вводил в первое поле слово, вводил во второе поле "английский", и выводились результаты поиска только на английском, или пользователь вводил "немецкий", и результаты выводились только на немецком, или пользователь вводил "французский", и результаты выводились только на французском. Проблема в том, что какие бы языки не вводились, результаты поиска выводятся только на русском. Обязательно использовать оператор if. <html> <head> <script> function Gofindit() { var search_word = document…

    Asked by alias,

    0 votes
    0 answers

  23. Как зашифровать код JavaScript?

    Как зашифровать код на javascript, мне нужен сервис, чтобы сделать код js не читаемым и не возможным скопировать. Есть какой-нибудь онлайн шифровальщик? P.S. Этот вопрос возможно я уже здесь задавала но не могу его найти.

    Asked by Katerina23,

    0 votes
    3 answers

  24. Не могу решить проблему TypeError: Cannot set property 'innerHTML' of null

    function showModal(id) { document.getElementsByClassName(`modal-1`)[0].classList.add('active') } function closeGame(id) { document.getElementsByClassName(`modal-1`)[0].classList.remove('active') } function getRandomImage() { var imgArray = ['<img src="img/0.jpg" alt="#" />', '<img src="img/1.jpg" alt="#" />', '<img src="img/2.jpg" alt="#" />', '<img src="img/3.jpg" alt="#" />', '<img src="img/4.jpg" alt="#" />', '<img src="img/5.jpg" alt="#" />', '<img src="img/6.jpg" alt="#" />', '<img src="img/7.jpg" alt="#" />', '<img src="img/8.jpg" alt="#" />', '<img src="img/9.jpg" alt="#" /&gt…

    Asked by Crazy54789,

    0 votes
    2 answers

  25. Как реализовать кнопку "пауза" в тетрис?

    Ссылка на тетрис: http://onlinetetris.noradrzo.beget.tech/ Добрый день, столкнулась с проблемой кнопки “пауза” в игре сделала обработчик на кнопку “пауза” (в самом конце файла js) написала переменную isPaused по умолчанию со значением false (пока игра не начнется) (317 строчка в js) в функции падении фигур move(321 строчка в js), добавила условие, что если не на паузе игра, то фигуры падают но в итоге фигуры вообще не падают, в консоле ошибку не выдает где допущена ошибка?

    Asked by noradrenaline,

    0 votes
    0 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept