Как менять атрибут src при клике на переключатель?

Иван Медведев, Курсы не проходил, хорошо написано на learn.javascript.ru

Как менять атрибут src при клике на переключатель?

Иван Медведев,

const images = [
    {
        selector: 'Селектор_Элемента_1',
        dark: 'URL_Темной_Картинки_1',
        light: 'URL_Светлой_Картинки_1',
    },
    {
        selector: 'Селектор_Элемента_2',
        dark: 'URL_Темной_Картинки_2',
        light: 'URL_Светлой_Картинки_2',
    },
    {
        selector: 'Селектор_Элемента_3',
        dark: 'URL_Темной_Картинки_3',
        light: 'URL_Светлой_Картинки_3',
    }
];

и так далее.

Как менять атрибут src при клике на переключатель?

Иван Медведев,

const images = [
    {
      selector: '#img',
      dark: 'https://dummyimage.com/600x400/fc0/fff',
      light: 'https://dummyimage.com/600x400/0f3/fff'
    }    
];

function swapImages() {
    const isDark = $('.light').hasClass('dark');
    for (let image of images) {
      $(image.selector).attr('src', isDark ? image.dark : image.light);
    }
}

$(document).ready(function () {
    $(".checkbox").click(function(){
        $(".light").toggleClass("dark");
        swapImages();
    });
    swapImages();
});

В images складываете объекты типа { selector, dark, light }

Как достать текст из div с помощью beautifulSoup?

zhenyabondarev, Тогда, если нужен только первый элемент, так:

self.convert = soup.find(class_="amount")
return self.convert.get_text()

Как быстро отправлять сообщения через websocket в vue?

Где код?

Как достать текст из div с помощью beautifulSoup?

zhenyabondarev, Цикл выводит данные?

Как достать текст из div с помощью beautifulSoup?

zhenyabondarev, Вы другой участок кода скинули?

Как высчитать сумму из объектов?

Дамир Балгабаев, Через habr и смотря для чего.

Vue + DRF No 'Access-Control-Allow-Origin' header почему ошибка именно при запросе через Vue???

Mat1lda, тогда гуглите django cors middleware

Vue + DRF No 'Access-Control-Allow-Origin' header почему ошибка именно при запросе через Vue???

Mat1lda, А ссылка в ответе другая

http://localhost:8000/api/vacancies/?limit=2&offset=2

и порты разные, поэтому CORS падает.

Vue + DRF No 'Access-Control-Allow-Origin' header почему ошибка именно при запросе через Vue???

Mat1lda, Ну примеры ответов можно же написать? Обоих. Я уже ошибку вижу. Вот Вам подсказка @click="get_page(results.next)"

Vue + DRF No 'Access-Control-Allow-Origin' header почему ошибка именно при запросе через Vue???

Mat1lda, после mounted. Что Вам возвращает API /vacancies? И results у Вас не undefined а [];

Vue + DRF No 'Access-Control-Allow-Origin' header почему ошибка именно при запросе через Vue???

Что приходит в переменную results первый раз?

Случайные числа с заданной сумой, какой алгоритм?

Сергей Соколов, Переписал алгоритм.

Случайные числа с заданной сумой, какой алгоритм?

Сергей Соколов, Да и в первом тогда тоже, код самих чисел то никак не поменялся.

Как правильно вставить скрипт на страницу?

Песочницу/сайт в студию.

Как бы выглядел данный код если вместо async/await использовать then и catch?

petroshevchenko1525, Это деструктуризация объекта и как используется в функциях.

Как менять атрибут src при клике на переключатель?

Оформите в песочницу.

Как скрыть всплывающее меню при уменьшении расширения?

Tati_92, И что, не подставите цифру? И что значит скрыть? Чтобы fadeOut срабатывал?

Почему в chrome transition ведет себя так?

color пробовали после transition написать?