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
-
Нужна помощь с учебой
Нужно решить 7 заданий по типу этого, для примера самое сложное: Для выполнения лабораторной работы следует выполнить следующие задачи: 1. Создать внешний документ, содержащий код JavaScript и подключить его к документу HTML, используя соответствующие инструменты. 2. Предугадать смену работы CSS средствами JavaScript. 3. Организовать взаимодействие кода JavaScript с объектной моделью документом HTML. 4. Написать комментарии к логическим блокам программного кода. К сожалению дедлайн завтра, времени самому разобраться в этом нету.
0 votes0 answers -
Не могу решить проблему 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="#" />…
0 votes2 answers -
Как отменить действие по повторному нажатию на кнопку?
На странице есть картинка с кнопками. При нажатии на кнопку - выводиться номер забронированного места (id кнопки в текстовое поле рядом). Как при повторном нажатии на туже кнопку стереть из поля последнее выбранное место? <script type="text/javascript"> function Bron(event) { $id_cnopka = event.target.id; document.getElementById('input-bron').value=document.getElementById('input-bron').value+$id_cnopka; } </script>
0 votes3 answers -
Как сделать меню 3 картинками
Пытаюсь сделать меню с 3 картинками, чтобы при нажатии на стрелки вправо и влево картинки переключались. Есть предположение, что можно это сделать через массив, но не знаю как это реализовать на jQuery. HTML <div class="products"> <div id="productsPICS"> <div> <img src="img/products/1.jpg"> </div> <div> <img src="img/products/2.jpg"> </div> <div> <img src="img/products/3.jpg"> </div> </div> <div id="leftButton" class="button"> <img…
0 votes1 answer -
Как правильно поставить localStorage в скрипт?
Всем привет! Помогите правильно поставить localStorage в скрипт. У меня почему-то не срабатывает, и при обновлении страницы теряется класс актив. Пробовала много разных вариаций, но всё равно не срабатывает, не могу понять, что не нравится. Сам скрипт: <input <?= $checked; ?> type="checkbox" id="compareid_<?= $arItem['ID']; ?>" data-id="<?= $arItem['ID']?>" onchange="compare_tov(<?= $arItem['ID']; ?>);"> <label for="compareid_<?= $arItem['ID']; ?>" style="display: block; width: 36px; height: 36px; position: absolute; top: 55px;"> <span class="comparTov_<?= $arItem['ID']; ?>" style="background:url(image1.png);">&l…
0 votes0 answers -
Как сделать постраничную навигацию.
Помогите пожалуйста, не получается сделать постраничную навигацию. Делал все по урокам. в Итоге получилось сделать два разных каталога один с фильтрами другой с постраничной навигацией. И теперь я пытаюсь объединить два каталога. Но не получается. Сами файлы урока в архике каталог. Буду очень благодарен если мне помогут! catalog.phpcatalogDB.js каталог.7z
0 votes0 answers -
Возможно ли придать значение переменной, допустим x - ссылку на изображение.Значения переменных
Хотели в крестиках ноликах заменить кресты и нули на анимешных тяночек. В голову лезет что то по типу x = url(ссылка), но нормально сформулировать ничего не можем, первый курс колледжа. Заранее спасибо за помощь.
0 votes1 answer -
Как реализовать такой функционал
Есть конструктор шкафа. Как реализовать такой? https://tylko.com/wardrobe/242/?cv=1&board=cat_8__type_all__id_4276 Это какой-то плагин? Или лучше написать на чистом js?
0 votes1 answer -
Как реализовать кнопку "пауза" в тетрис?
Ссылка на тетрис: http://onlinetetris.noradrzo.beget.tech/ Добрый день, столкнулась с проблемой кнопки “пауза” в игре сделала обработчик на кнопку “пауза” (в самом конце файла js) написала переменную isPaused по умолчанию со значением false (пока игра не начнется) (317 строчка в js) в функции падении фигур move(321 строчка в js), добавила условие, что если не на паузе игра, то фигуры падают но в итоге фигуры вообще не падают, в консоле ошибку не выдает где допущена ошибка?
0 votes0 answers -
Изменение текста в 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…
0 votes0 answers -
Как сделать вращение картинки?
С помощью математических функцию удается сделать вращение квадрата состоящий из 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) { …
0 votes0 answers -
Не работает автоматический переход по ссылке из 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>
0 votes4 answers -
Как зашифровать код JavaScript?
Как зашифровать код на javascript, мне нужен сервис, чтобы сделать код js не читаемым и не возможным скопировать. Есть какой-нибудь онлайн шифровальщик? P.S. Этот вопрос возможно я уже здесь задавала но не могу его найти.
0 votes3 answers -
Вкладки с динамической подгрузкой
Помогите пожалуйста понять как создать вкладки с динамической подгрузкой данных. Причём, внутри вкладок должен быть 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 использовать скрипт.
0 votes4 answers -
Замена текста на html css js
Требуется сделать строку ввода в которые вписывается опреленная ссылка(любая) например:"https://htmlforum.org/forum/123" Нужно, чтобы по нажатию кнопки в веденной ссылке менялась половина до опреденного домена типа org с того что было например на "https://123htmlsuper.ru/forum/123" . То есть не просто с org на ru, а полностью от https до слеша перед org Дальнейший вывод этой ссылки или кнопки для перехода на эту ссылку Нужно это для сайта в "блокноте" html css Help
0 votes8 answers -
У меня не получается активировать кнопку 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 { …
0 votes4 answers -
Условие выбора языка на странице поиска
Здравствуйте. Есть страница для поиска в Google. На странице поле для ввода слова, которое надо найти, поле для ввода языка, кнопка. Необходимо, чтобы пользователь вводил в первое поле слово, вводил во второе поле "английский", и выводились результаты поиска только на английском, или пользователь вводил "немецкий", и результаты выводились только на немецком, или пользователь вводил "французский", и результаты выводились только на французском. Проблема в том, что какие бы языки не вводились, результаты поиска выводятся только на русском. Обязательно использовать оператор if. <html> <head> <script> function Gofindit() { var search_word = document…
0 votes0 answers -
Не срабатывает 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);
0 votes0 answers -
Как сделать прицельное увеличение изображения?
Нужный функционал в совершенстве реализован тут. Не обязательны кнопки (но с ними намного лучше), хотя бы прицельное увеличение по клавишам.
0 votes1 answer -
Без вызова Alert("текст") не применяется значение.
Сразу скажу за основу брал чужой код. Есть основная страничка страничка. На ней меню, по нажатию на ссылки в котором открываются другие странички. Так вот по открытию одной из них считываются имена файлов, расположенных на устройстве. Они и считываются. function GetList(submit) { var server = "/list?dir=/"; send_request(submit, server); alert("блаблабла"); alert('2' + submit.value); } function send_request(submit,server){ var request = new XMLHttpRequest(); request.open("GET", server, true); request.send(); save_status(submit,request); //alert('1' + submit.value); } function save_status(submit,r…
0 votes7 answers -
Не работает вывод суммы двух чисел
<!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 …
0 votes2 answers -
Помогите доделать слайдер на JS (запутался)
Https://dropmefiles.com/sYyOA Вот ссылка на проект. Создайте папку "img" и в ней папку "jac" и закиньте туда фотки, файл-обменик их зачем то удалил. В общем по фотке видно всё нормально, но я смог сделать, чтобы либо работала "система следующей фотки", либо "система по нажатию снизу фоток". Совместно оно не работает. Помогите пожалуйста, замучился уже 5 день мучаюсь. Проблема чисто в скрипте JS. Желательно сделать рабочую систему на 1-ой JS, 2-я жс немного как по мне не удобна.
0 votes0 answers -
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, но меня попросили отдать библиотеку л…
0 votes6 answers -
Постфиксный инкремент
Доброго дня, пытаюсь изучать 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. Хоть убейте не доходит.
0 votes2 answers -
Простой шаблон, который позволяет сделать медленный скролл заднего фона.
Есть варианты как просто сделать такой вот паралакс эффект без особого углубление фо фреймворки? http://www.lstm.com.ua/ Пока страница прокручивается нормально, бэкграунд движется немного медленнее. Никак не могу добиться такого эффекта, перелазил уже все форумы. Заранее благодарен, кто отзовется.
0 votes2 answers