Игорь

Проблема заключалась в том что innerHTML возвращает строку. А когда слаживаешь строку с числом происходит конкатенация.
https://jsfiddle.net/Ldn3mayL/7/

alt + F3 в windows или Ctrl+Command+G на маке

парсер, идешь за валютой на сайт цб и рисуешь график роста и падения деревянного

Дикая конкуренция на биржах - миф, многие проекты так и остаются без исполнителя. На прошлой неделе срочно нужен был фронтендер на небольшую задачу с нормальным бюджетом (5 дней - $1000) и перспективой работы на постоянных проектах - найти фрилансера так и не удалось. Заказчик из Европы, адекватный, платежеспособный. Из 30 заявок не оказалось ни одного вменяемого предложения - одни индусы (которые по опыту заказчика на таких проектах лажают в 100% случаев).

Вещи, на которые необходимо обращать внимание на начальном этапе:
1. не стоит пристально изучать все описания проектов - установите собственные критерии, и выбирайте только те что нравятся;
2. описание понравившегося проекта нужно читать внимательно, а в заявке излагать свое понимание задачи (пересказ) и план ее решения;
3. ставьте реальные сроки захода во фриланс - от 3-х до 6-ти месяцев (такой промежуток времени требуется чтобы детально во всем разобраться и наработать рейтинг);
4. обещайте меньше, делайте больше;
5. и самый главный совет - начните прямо сейчас! не нужно бросаться учить английский язык или осваивать модные технологии - все что нужно само придет в процессе работы. Большинству заказчиков совершенно налевать сколько вы делаете ошибок в словах, владеете ли граматикой, и применяете ли паттерны проектирования. Главное - умение эффективно решать поставленные задачи - быстро, и без чрезмерного усложнения.

ps. Список проектов доступный на бирже - лишь вершина айсберга, там достаточно сложно оценить объем повторных заказов и длительных контрактов. Если первые пол-года потратить с умом, впоследствии расходовать время на поиски проектов больше не придется - будет очередь из заявок на выполнение заказов.

pps. Ищу опытного фронтендера для совместной работы над интересными проектами. Сам занимаюсь бэкэндом, базами данных, линуксом, архитектурой.

Как вариант: Взять круглый блок, добавить обводку и clip, повернуть на нужный градус. Будет похоже, но не слишком: https://jsfiddle.net/aengs4w8/

Со стороны фронта - это простое добавление класса - .active например.
т.е. у активного элемента добавляется класс, а для этого класса - особый стиль прописан.

Со стороны бэк, как сделать, зависит от того, на чем Вы пишите. Вариантов масса. В самом простом - проверка адресной строки на соответствие конкретной ссылке.

В самом простом варианте:

$(this).toggleClass('hover') ;

if (!$(this).hasClass('hover')) {
    $(this).addClass('hover');
} else {
    $(this).removeClass('hover');
}

После отправки формы нужно вывести сообщение мол спасибо за заявку.

Чтобы "появить" всплывающее окно с сообщением можно выполнить такой код

$.fancybox({
    content: '<div id="message">Thank you</div>',
    padding : 0
});

Для его работы требуются библиотека jQuery и плагин $.funcybox

fyncybox не очень любит простой текст, поэтому его надо оформить хотя бы так

#message {
  min-width: 10em;
  margin: 2em;
}

Работающий пример codepen.io/copist/pen/pgKpPy

что писать чтобы вызвать фансибокса окно модальное?

Модальные окна funcybox делать не умеет. Его всплывашки не блокируются и закрываются очень просто. Рекомендую поискать другую библиотеку, если нужны именно модальные окна.

Первое. Кто сказал, что лендинг не для органики как принцип? Можно пускать лэндинг в СЕО, если лэндинг постоянный, а не на неделю под одну акцию. И, кстати говоря, иногда результаты СЕО для лэндингов гораздо выше чем для многостраничников, ибо мусора мало. Ну это так, к слову. Если вы решили ваш Лэндинг по СЕО не двигать, а ограничиться только контекстом, том никакой оптимизации под ключи делать не надо и вы правы - юзер пришел по контексту, а задача лэндинга взять за я... и удержать (в качестве первого этапа, как правило взять лид. Особенно если это не торговля китайской копией вьетнамских часов).

Второе. Наличие поисковой оптимизации не требуется, но смысловая связь с вашими обьявлениями в контексте быть обязана. Если юзер пришел по "Дешевая мебель на заказ" и первое что увидел - "Диваны категории Люкс" - вы потеряли деньги. То есть до сгиба юзер должен увидеть подтверждение того, по какому ключу он пришел.

Третье. Да, вы правы - ключевики это и есть семантическое ядро. На тему "как собрать практически" в принципе куча материала в инете, достаточно погуглить. Общий принцип простой - идем на вордстатс, сеопульт или еще куда-нить и начинаем собирать ключи. Придумываете несколько ключевых фраз за клиента и разворачиваете в инструменте. Например "Купить мебель" смотрите во что разворачивается и особое внимание уделяете НЕПОДХОДЯЩИМ запросам (ну к примеру купить мебель для куклы барби, приму в дар мебель, фото, видео, рефераты, своими руками и прочий нецелевой траффик). Всё это аккуратненько в минус слова готовите. Откройте какойнить эксельчик и по каждой категории (ну для лэнда это не очень важно, там как правило 1 категория, но тем не менее) собирайте разворачиваемые ключевики. Высокочастотники старайтесь отсечь, разворачивайте их вглубь. Вряд ли тратить деньги на запрос "купить мебель" целесообразно. Фокусируйтесь на нише. Ну и параллельно пополняйте минусовку. Чем больше минус слов соберете, тем больше денег сэкономите.
Вот собственно и всё. Чем больше дешевых низкочастотников и стоп-слов вы соберете, тем эффективнее и дешевле будет реклама. Обязательно прорабатывайте сопутствующие области. Например для продажи мебели мне с ходу видится посмотреть в сторону "ремонт квартиры", "переезд" и тому подобное.

Конверсия лэндинга зависит не только от самого лэндинга, но и от соответствия контента до сгиба на лэнде текстам обьявлений и ключевым запросам.

Если коротко, то как-то так -))