Ответы пользователя Сергей delphinpro по тегу «JavaScript»

Как сделать жирным одно слово на кнопке?

Сергей delphinpro @delphinpro Куратор тега JavaScript

frontend developer

createEl это js функция для генерации html элемента

winser, могли бы и показать эту функцию.
но раз не показываете, я пофантазирую

let button = createEl('button', {
  html: `Web <span>example</span>`,
});

А может быть так

let span = createEl('span',  { text: `Web example` });
span['style'] = `font-weight: 700;`;

let button = createEl('button', {
  text: `Web`,
  children: [ span ],
});

А может быть и так

let button = createEl('button');
button['innerHtml'] = `Web <span>example</span>`;

В общем, вся суть сводится к тому, чтобы внутри разместить html элемент и сделать его шрифт жирным отдельно.

Ответ написан 23 мая

12 комментариев

На что проверяет Array.isArray объект, чтобы получить true?

Сергей delphinpro @delphinpro Куратор тега JavaScript

frontend developer

RTFM

Возвращает true, если массив создан с помощью литерального синтаксиса, либо конструктором Array.

Таким образом можно сделать вывод, что создать объект, который пройдет проверку на массив, не получится.

Ответ написан 23 мая

4 комментария

Как передать данные с одной страницы на другую с помощью js?

Сергей delphinpro @delphinpro Куратор тега JavaScript

frontend developer

Как правильно записать js код на странице 1 для этого

Js как бы и не нужен

<a href="/apply/?game=League+of+Legends" class="card shadow-lg lift h-100">

что записать на странице 2 в месте вывода

console.log(window.location)

Ответ написан 19 мая

6 комментариев

Как встроить песочницу кода на сайт?

Сергей delphinpro @delphinpro Куратор тега CSS

frontend developer

Я вот этот использую https://prismjs.com/

Ответ написан 12 мая

Комментировать

Как создать динамическую переменную?

Сергей delphinpro @delphinpro Куратор тега JavaScript

frontend developer

let my_timers = {};

my_timers[value[2]] = setInterval();

Ответ написан 07 мая

1 комментарий

Работа с массивом и объектами, как посчитать?

Сергей delphinpro @delphinpro Куратор тега JavaScript

frontend developer

let arr = [
    {
      // ...
      count: 12
    },
    {
      // ...
      count: 5
    },
    {
      // ...
      count: 2
    }
];

let sum = arr.reduce((sum, obj) => obj.count + sum, 0);

console.log(sum); // 19

Ответ написан 20 апр.

Комментировать

Почему change срабатывает раньше чем click?

Сергей delphinpro @delphinpro Куратор тега JavaScript

frontend developer

кликнуть по кнопке, не теряя фокуса с поля

Это вам кажется.
Кнопка получает фокус перед действием.
Фокус может быть только на одном элементе.
Значит предварительно произойдет снятие фокуса с инпута.

Последовательность будет такая:
input.oninput - input.onblur - input.onchange - button.onfocus - button.onclick

Ответ написан 19 апр.

2 комментария

Как реализовать анимацию текста при выходе за границу блока?

Сергей delphinpro @delphinpro Куратор тега CSS

frontend developer

https://learn.javascript.ru/size-and-scroll
Если scrollWidth больше clientWidth, значит контент больше ширины элемента

Ответ написан 17 апр.

Комментировать

Почему в VS code JS файл не подключается к HTML файлу?

Сергей delphinpro @delphinpro Куратор тега JavaScript

frontend developer

<head>
    <title>Ветрогенераторы</title>
</head>
<body>
    <div class="hero">
       ...
    </div>
    <div class="content clearfix">
      ...
    </div>

    <script src="jquery.js"></script>
    <script src="go.js"></script>
</body>

И в консоль заглядывайте. Там выводятся ошибки.

Ответ написан 13 апр.

Комментировать

Куда делись слайды?

Сергей delphinpro @delphinpro Куратор тега JavaScript

frontend developer

Потому что вы для .swiper-wrapper сделали обрезку содержимого. При пролистывании он улетает влево, и все слайды после первого не видны.
Просто уберите этот стиль, он совершенно лишний.

.akcy .container .swiper-wrapper {
    overflow: hidden;
}

Вообще не стоит переопределять стили штатных элементов слайдера, если вы точно не понимаете как он работает.

Ответ написан 24 мар.

1 комментарий

Как удалить конечные нули из числа js?

Сергей delphinpro @delphinpro Куратор тега JavaScript

frontend developer

toFixed превращает число в строку. Возможно поэтому и ломается.
Не трогайте число. Но выводите строку.

В вашем коде нет вывода, но в качестве примера

// Идут расчеты
price = ...

// Делается вывод на страницу
element.innerHTML = price.toFixed();

Так вы не трогаете число прайс, но форматируете вывод как нужно

PS. toFixed(2) - вернёт строковое представление числа с двумя знаками после запятой.

Ответ написан 23 мар.

6 комментариев

Как получить высоту только видимой части блока?

Сергей delphinpro @delphinpro Куратор тега CSS

frontend developer

простая математика. исходные данные: координаты блока относительно окна браузера (elemtnt.getBoundingClientRect()) и высота окна (window.height).

Если y_top <= 0 и y_bottom >= window.height То высота видимой части блока равна высоте экрана (первая ваша картинка).
Если y_top > 0 и y_bottom < window.height То высота видимой части блока равна высоте это блока (весь виден).
Если y_top > 0 и y_bottom > window.height То высота видимой части блока равна высоте экрана минус верхняя позиция (вторая картинка).
Если y_top < 0 и y_bottom < window.height То высота видимой части блока равна значению нижней позиции (третья картинка).

Ответ написан 18 мар.

1 комментарий

Вывод элементов массива через for (js) в grid снизу вверх справа налево, как так сделать?

Сергей delphinpro @delphinpro Куратор тега CSS

frontend developer

У гридов нет свойств для изменения направления. Есть у флексов, но только по одной оси.
Поэтому проще будет вывести разметку в обратном порядке.
Примерно так:

Ответ написан 12 мар.

6 комментариев

Как заменить всё между строк?

Сергей delphinpro @delphinpro Куратор тега JavaScript

frontend developer

https://developer.mozilla.org/en-US/docs/Web/JavaS...

Ответ написан 08 мар.

5 комментариев

Как сделать изначалаьно открытое модальное окно на бутстрап 5?

Сергей delphinpro @delphinpro Куратор тега JavaScript

frontend developer

https://getbootstrap.com/.../modal/#via-javascript
https://getbootstrap.com/.../modal/#methods

Ответ написан 06 мар.

5 комментариев

Как в скрипте указать class с любой цифрой на конце?

Сергей delphinpro @delphinpro Куратор тега JavaScript

frontend developer

Правильнее будет изменить принцип, а не подстраиваться. Я так понимаю, нужно закрыть все блоки, кроме того, по которому кликнули?

<div class="filter" data-id="1">
<div class="filter-block" data-target="1">

<div class="filter" data-id="2">
<div class="filter-block" data-target="2">

<div class="filter" data-id="3">
<div class="filter-block" data-target="3">

$(document).on('click', function(e) {
  let $f = $(e.target).closest(".filter");
  if ($f.length) {
    let id = $f.data('id');
    $('.filter-block:not([data-target="'+id+'"])').hide(); 
  }
  e.stopPropagation();
});

Ответ написан 23 февр.

3 комментария

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

Сергей delphinpro @delphinpro Куратор тега PHP

frontend developer

непонятно, что представляет собой conn, поэтому попробую просто угадать

const form = new FormData();
const file = document.querySelector('#sendMessasgeFile').files[0];
form.append('media', file);
form.append('userId', user_id);
form.append('command', 'private');
conn.send(form);

Ответ написан 21 февр.

7 комментариев

Как изменить страну в select country code?

Сергей delphinpro @delphinpro Куратор тега JavaScript

frontend developer

Я же вам уже писал – Изучите документацию к плагину https://github.com/jackocnr/intl-tel-input

Вы прочитали, то что я вам рекомендовал? Там есть ответ и на этот на ваш вопрос.

Ответ написан 16 февр.

1 комментарий

Как сделать select phone country code?

Сергей delphinpro @delphinpro Куратор тега CSS

frontend developer

Изучите документацию к плагину https://github.com/jackocnr/intl-tel-input

Вам нужны

опция allowDropdown, чтобы отключить штатный выпадающий список
метод setCountry(), чтобы установить страну, которую вы выберете в отдельном выпадающем списке
возможно, вы еще захотите отключить отображение флагов опцией showFlag

Ответ написан 16 февр.

Комментировать

Как изменить цвет при наведении?

Сергей delphinpro @delphinpro Куратор тега CSS

frontend developer

Ну это же элементарно...

.text-container1:hover {
  color: white;
}

Ответ написан 15 февр.

4 комментария

Войдите на сайт