Новичок
6 уроков
(1 час 9 минут)
Курс
CSS3 button generator
В этом видеокурсе вы изучите инструменты, техники и подходы для web-разработчика, которые помогут вам решать поставленные задачи более быстро и эффективно.

#5 — Работа с javascript функциями.

Пишем нашу первую функцию и связываем все три блока (опции, результат и CSS3 код) — в единый, живой организм.

Материалы к уроку:
Делись:

Оставь комментарий!

3 thoughts on “#5 — Работа с javascript функциями.

  1. Олег Колосов:

    Скажите, что означает данное выражение $(‘#increase-radius’), именно вот эти символы $, #??. И еще как мне добавить на кнопку еще один функционал, а именно текст на кнопку??? Спасибо!!

    1. kovaldn:

      $ — функция, которая возвращает объект jquery, # — указывает на то, что мы берем элемент по id

  2. Олег Колосов:

    function()

    {

    var bgColorInput = document.getElementById(«bg_color»),

    brColorInput = document.getElementById(«border_color»),

    create = create = $(‘.create’);

    bgColorInput.on(‘change’,function () {

    var newColor = ‘#’ + $(this).val();

    create.css({

    ‘background-color’ : newColor

    });

    console.log(newColor);

    });

    }

    ());

    P.S. Здравствуйте, скажите пожалуйста по чему так не срабатывает код?? Выдается ошибка в console браузера:

    Uncaught TypeError: Object has no method ‘on’ main.js:6
    (anonymous function)main.js:6
    (anonymous function)

    Не подскажите как мне исправить данной ситуацию, в дело в том что мне нужно обратится по id к элементу именно var bgColorInput = document.getElementById(«bg_color»),

    brColorInput = document.getElementById(«border_color»),. А не вот так:

    bgColorInput = $(‘#bg-color’),
    brColorInput = $(‘#border-color’),

    Спасибо большое!

Добавить комментарий

Рекомендуемые курсы