JavaScript
A programming language that conforms to the ECMAScript specification
Explore Questions
There are no popular questions to show right now
-
0 votes1 answer
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes1 answer
4,703 questions in this forum
-
Контекстное меню на сгенеренной таблице.
Народ, нашел простенькую менюшку контекстную. Ну собственно принцип у всех один. Вот сама менюшка <div id="main_menu"> <div onClick="jump(this);" id="openb">Открыть файл</div> <div onClick="jump(this);" id="delb">Удалить файл</div> </div> А вот обработка <script> function mousemove(event) { if (document.attachEvent != null) { mouse_x = window.event.pageX; mouse_y = window.event.pageY; } else if (!document.attachEvent && document.addEventListener) { mouse_x = event.pageX; mouse_y = event.pageY; } } …
0 votes0 answers -
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…
0 votes3 answers -
Двойной цикл FOR
Есть задача: Вывести простые числа важность: 3 Натуральное число, большее 1, называется простым, если оно ни на что не делится, кроме себя и 1. Другими словами, n > 1 – простое, если при его делении на любое число кроме 1 и n есть остаток. Например, 5 это простое число, оно не может быть разделено без остатка на 2, 3 и 4. Напишите код, который выводит все простые числа из интервала от 2 до n. Для n = 10 результат должен быть 2,3,5,7. P.S. Код также должен легко модифицироваться для любых других интервалов. Вот решение задачи вложенным циклом FOR let n = 10; nextPrime: for (let i = 2; i <= n; i++) { // Для всех i... for (let j = 2; j &…
0 votes26 answers -
Не срабатывает цикл 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]…
0 votes21 answers -
увеличение и уменьшение значения 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) { …
0 votes2 answers -
Создание объекта JavaScript
Не вызывается почему то конструктор, пишет что не определенный конструктор хотя я ему определяю список аргументов при вызове. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Тест</title> </head> <body> <p id="result"></p> <script> let Person = { constructor:function(name,age,gender){ this.name = name; this.age = age; this.gender = gender; return this; }, greet: function(){ console.log("My name is " + this.name); } }; var tom = new Person.constructor("Вася",18,"female"); tom.greet(); </script> </body> </htm…
0 votes4 answers -
__proto__ и prototype в Javascript
Зачем нужен prototype в JavaScript? При создании любого объекта в JavaScript создается новый объект __proto__ в системе который ссылается на функцию(класс) с помощью которого этот объект создан. При объявлении функции или класса создается также объект с именем prototype. Он создается для того чтобы потомки функции-классы могли унаследовать его свойства или для того чтобы сделать чисто инициализацию конструктора, которая происходит после new когда объявляется любая функция или класс?
0 votes1 answer -
CMS Textolite
Здравствуйте уважаемые форумчане. Может быть мое сообщение может показаться смешным и глупым но я в этом деле новичок. В общем наше предприятие в которое меня недавно пригласили на работу занимается изготовление ЖБИ изделий. До того как меня позвать на работу они заказали у каких то разработчиков легкий статический сайт для продвижения продукции и бренда. То есть как я понял его еще называют Лэндинговый.)) Долгое время они не могли передать его в управление нам но наконец то передали. Установили на него в качестве админки CMS textolite. Теперь у меня вопрос: а можно ли как то управлять этим сайтом по проще? То есть я могу тупо просто править текст и все, а например картин…
0 votes4 answers -
Помощь по 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 не очень понимаю.
0 votes1 answer -
Списки select
Подскажите пожалуйста, как завязать 2 списка селект один с другим, т.е у нас етсь список выпадающий, в котором значения 1 и 2. При выборе 1 сбоку можно выбрать подкатегорию типа 1,1 1,2 1,3 а при выборе 2 будет 2,1 2,2 2,3 и также как потом сплюсевать значения value подкатегорий и вывести их ? Заранее спасибо.
0 votes1 answer -
Прогресс-бар
Как сделать прогресс бар и подключить к нему онлайн кассу для пожертвований?Может есть пример или готовые решения? Хотелось бы получить подробный ответ.
0 votes0 answers -
indexof и lastIndexOf
Непонятно каким образом происходит поиск через indexOf и lastIndexOf если присутствует второй отрицательный элемент массива. Написал для примера код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Тест</title> </head> <body> <p id="result"></p> <script> var scores = [10,300, 500, 10, 70, 20, 100, 30, 100, 40, 20, 10]; const arrNames = ["Вася","Петя","Коля","Джулия", "Ефросинья","Степан","Борис","Антон","Остап"]; //Ищет с нулевого элемента по конец, первая цифра 20 встречается на 5 индексе result.innerHTML += (scores.indexOf(20)) + ' <br>'; //Ищет с последнего э…
0 votes5 answers -
Собственный цикл forEach
Прочитал статью по ссылке как создать собственный цикл foreach. Вот код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Тест</title> </head> <body> <p id="result"></p> <script> const array1 = ['a', 'b', 'c']; const array2 = ['d', 'e', 'f']; const array3 = array1.concat(array2,5,7); //Собсвенный цикл forEach var each = function(arr, callback,thisArg) { var i, length = arr.length; for (i = 0; i < length; i = i + 1) { callback.call(thisArg,arr[i], i, arr); } }; each(array3,(rez,d,array3)=>{ result.innerHTML+= d + ' - ' + rez + '<br> ';} ) </…
0 votes1 answer -
Скрытие и показ 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> …
0 votes1 answer -
Работа с массивами в Javascript, не правильно работает метод slice
Прочитал про метод slice на сайте Javascript https://learn.javascript.ru/array-methods. Не правильно выводит массив. Вот код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Тест</title> </head> <body> <p id="result"></p> <script> let arr = ["Я", "изучаю", "JavaScript", "прямо", "сейчас", "помни", "это"]; arr.slice(-4); for(let i = 0; i<arr.length; i++){ result.innerHTML += i + " - " + arr[i] + '<br>'} </script> </body> </html> Строка arr.slice(-4); Должна с 4-го элемента, считаем с конца массива, так как там минус 4. Это элемент п…
0 votes3 answers -
На какие новшенства css надо обратить внимание верстальщику?
На какие новшенства css надо обратить внимание верстальщику? CSS Modules, Flex, CSS Grid... Что еще?
0 votes5 answers -
Как запустить форму после нажатия на ENTER?
Как запустить форму при нажатии на клавишу ENTER? Не реагирует на ENTER, после ввода в текстовое поле. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Тег input, атрибут type</title> <script> function fanta(){ if(one.elements.number.value == 5) alert("Все правильно!") document.getElementById('result').innerHTML = "Неправильно, введите в полее цифру 5" } </script> </head> <body> <form id="one"> <input type="text" name="number"> <input type="button" value="Жми" onClick="fanta()"> </form> <p id='result'></p> </bod…
0 votes1 answer -
Пересчитать сумму всех input
Здравствуйте! Есть несколько товаров с выбором количества и ценой - jsfiddle Подскажите, пожалуйста, как реализовать следующее: При клике на <span class="plus">+</span> или <span class="minus">-</span> в <div id="totalCount">0</div> должна выводиться общая сумма заказа. То есть, цена товара умножается на его кол-во и передается в <div id="totalCount">. Заранее благодарен за помощь!
0 votes3 answers -
InnerHTML проблемы
Здравствуйте, пытаюсь сделать небольшой редактор. Сначала нажимается кнопка на html-странице, потом заполняется форма с параметрами графоэлемента (иконы), эти параметры считывает скрипт, передаёт их в другую функцию. Та формирует код HTML с тегом svg и вставляет в блок draw. В этом деле вообще начинающий, ещё в голове путаница с расположением элементов, паддингами и т.п. А проблема, что после исполнения скрипта ничего не происходит, иногда на секунду мелькает что-то похожее, но в целом результата нет. Код HTML: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Иконы</title> …
0 votes1 answer -
Проблемы с плагином scrollmagic
Добрый день. Хотела попросить помощи, на тему работы плагина scrollmagic.io Плагин анимации при прокрутки страницы. Сейчас есть несколько проблем с которыми я не могу разобраться, помогите пожалуйста: 1) Недовольны тем, что типа долго скролится сайт сам по себе и до блоков с информацией - кто знает как можно ускорить прокрутку? Или сделать 2 пункт 2) Сделала паузы для блоков текста на нескольких точках анимации, но пропал эффект прокрутки текста, получается блок сейчас просто появляется с текстом на точке паузы. 3) И небольшой нюанс, почему-то именно на МакБук (в сафари и хроме) не отображаются картинки анимации, притом на Маке, Аймаке или Ай…
0 votes0 answers -
gulp-sass не хочет устанавливаться
Решила освоить Gulp, пытаюсь установить модуль для sass, но не тут то было, в консоли выдаёт C:\Documents and Settings\Ника\Рабочий стол\build>npm install --save-dev gulp-sassnpm WARN prefer global [email protected] should be installed with -g > [email protected] install C:\Documents and Settings\Ника\Рабочий стол\build\node_modules\node-sass> node scripts/install.js Binary downloaded and installed at C:\Documents and Settings\Ника\Рабочий стол\build\node_modules\node-sass\vendor\win32-ia32-47\binding.node > [email protected] postinstall C:\Documents and Settings\Ника\Рабочий стол\build\node_modules\spawn-sync> node postinstall > [email protected] postinstal…
0 votes6 answers -
Решил освоить галп
Решил усвоить галп. При установке выдает ошибку, как исправить? - npm WARN deprecated [email protected]: this library is no longer supported npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142 npm ERR! code 1 npm ERR! path /Users/antonanton/Desktop/Homework/html-advanced/hw2/node_modules/node-sass npm ERR! command failed npm ERR! command sh -c node scripts/build.js npm ERR! Building: /usr/local/bin/node /Users/antonanton/Desktop/Homework/html-advanced/hw2/node_modules/node-gyp/bin/node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library= npm ERR!…
0 votes0 answers -
Вывод текста при нажатии на кнопку
Задача: если в поле вводится ответ с 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…
0 votes1 answer -
css modules
Где доходчиво почитать про сабж на русском?
0 votes1 answer -
Анимация мультяшки
Ребят всем добрый! Хочу попробовать сделать простую анимацию мультяшки для сайта. Типа выпрыгивает, глазами моргает и тексты пишет (показывает). Думаю на чем. Что можете посоветовать? Может канвас + JS ? Можете ли вы привести примеры чего-то подобного? Вероятно это SVG + анимация + js
0 votes2 answers