Ответы пользователя по тегу JavaScript
  • Как скопировать значения внутри тега элемента с помощью кнопки?

    AzaBroflovski
    @AzaBroflovski
    js developer
    Например, вот так

    function getFormData(selector) {
      const form = document.querySelector(selector)
      const price = form.querySelector('b')
      const location = form.querySelector('i a')
      
      const [sum, currency] = price.innerText.split(' ')
      const address = location.innerText
      
      return {
        address,
        amount: {
          sum: +sum,
          currency,
        }
      };
    }
    
    const data = getFormData('#invoice_form')
    
    console.log(data);

    Результат консоль лога:

    {
        "address": 4279380040001111,
        "amount": {
            "sum": 1000,
            "currency": "rub"
        }
    }

    + можешь повторно использовать функцию, если таких форм много
    Ответ написан
    6 комментариев
  • Как исправить ошибку блокировки запроса?

    AzaBroflovski
    @AzaBroflovski
    js developer
    Здравствуйте! Прошу помочь решить проблему со следующей ошибкой, которая возникает при выводе товара из mongoDB:

    Это происходит не при выводе товара из MongoDB. Это ограничение браузера, что бы в этом убедиться, вы можете отправить запрос с помощью таких программ как Postman и т.п. Отправив запрос вы успешно получите свой ответ от сервера.

    Что бы решить вашу проблему, ваш веб-сервер должен возвращать соответствующий заголовок, который будет сообщать браузеру что клиенту разрешено получать данные с вашего сервера.

    Выглядит этот заголовок вот так:

    Access-Control-Allow-Origin: https://site.com

    Такой заголовок будет означать, что только site.com может стучаться к вам на сервер.

    Для того что бы разрешить всем стучаться к вам на сервер, вы можете в качестве значения установить * данный символ.

    Access-Control-Allow-Origin: *

    Подробнее про CORS можете прочитать тут.

    А что мне делать то?

    p.s вот вам совет, как гуглить ваше решение:

    $webserver_name cors header или $framework_name cors header

    Ответ написан
    Комментировать
  • Какой посоветуете сборщик для js?

    AzaBroflovski
    @AzaBroflovski
    js developer
    Всё из списка использовал в своих проектах.
    • Webpack - модный, мощный, большое сообщество + много готовых плагинов/модулей/боилерплейтов
    • Rollup - тоже модный, мощный, сообщество чуть меньше чем у брата выше, но плагинов/модулей тоже много
    • Parcel - не очень модный, минимум конфигурации и быстрый старт, маленькое сообщество, тем самым меньше готовых модулей и т.д
    • Vite - молодой, минимум конфигурации, быстрый старт, модный в буквальном смысле (native esm), + он очень быстрый, вот прям оооочень, скорость конечно поражает, если сравнивать с инструментами выше.

    Всё из списка рекомендую, кроме parcel. В последнее время юзаю Vite, если понимаю что чего то не хватает, беру webpack
    Ответ написан
    Комментировать