Евгений Калибров

У каждой карточки в trello есть скрытый элемент в DOM: <span class="card-short-id hide">#21</span>
Он как раз содержит уникальный короткий id карточки. Вот тут уже обсуждался вопрос того, что бы открыть этот номер https://trello.com/c/PkIrgKzd/36-show-card-numbers , некоторые пользователи написали браузерные расширения для этой цели.

По сути нужно просто убрать класс hide при загрузки страницы:

window.onload = function(){
$(".card-short-id").append(" ").removeClass("hide");
};

Можете повесить этот скрипт на плагин https://chrome.google.com/webstore/detail/custom-j...

Вам на JS нужно распарсить строку JSON?

JSON.parse(response);

Всё верно говорите html + сss + img + js. Вместо img обычно идёт assets, так как кроме картинок обычно подключаются шрифты, и бывает в вёрстке используются видео или аудио файлы. Вместо css иногда используют less или sass и т.п., а так же иногда используют сборку файлов для оптимизации, тогда вам так же необходимо предоставить package.json для развёртывания необходимых зависимостей и правильно настроенные конфиги сборщиков (gulp или др.). Хорошим тоном в таких случаях является то, если вы предоставите инструкцию по развёртыванию UI (README.md)

вы не правильно AJAX запрос делаете. Метод GET (https://api.jquery.com/jquery.get/), должен первым параметром принимать строку, а вы ему объект передаёте. Нужно так:

$('body').on('click', '.pagePagination', function () {
            let id = $(this).data('id');
            console.log(`${window.location.origin}/comment/comment-zakaz?id=${id}`);
            $.get(`${window.location.origin}/comment/comment-zakaz?id=${id}`)
                .done(res => console.log(res))
                .fail(err => console.error(err.responseText));
       });

$logo = "<img src='путь до картинки'>";

у вас должен быть массив объектов, а не один объект, для него можно написать функцию сортировки:

let arr = [
	{"A7" : [14, 2]},
	{"A8" : [17, 2]},
	{"A9" : [17, 8]},
	{"A10": [20, 8]},
	{"A1" : [ 2, 2]},
	{"A4" : [ 8, 2]},
	{"A3" : [ 5, 2]},
	{"A5" : [ 8, 8]},
	{"A6" : [11, 2]},
	{"A2" : [ 2, 8]}
];

arr.sort((a,b) => {
	a = Object.values(a)[0];
	b =  Object.values(b)[0];
	if (a[0] > b[0]) return 1;
	if (a[0] == b[0]) return (a[1] > b[1]);
	if (a[0] < b[0]) return 0; 
});

https://jsfiddle.net/no14aq17/

Встроенной функции нет, нужны некоторые манипуляции. Вот самый короткий вариант, который смог придумать:

let str = "var1=5&var2=stackoverflow&var3=bla";
let obj = {};
new URLSearchParams(str).forEach((val, key) => obj[key] = val);

Можно обернуть в функцию.

У вас не должно быть более одного одинакового id на странице, id - это уникальный идентификатор элемента. Используйте атрибут class, для обозначения блоков с суммой. Пример кода:

<div class="summa">400</div>
<div class="summa">500</div>
<div class="summa">600</div>
<div class="summa">700</div>

$(function() {
    let percent = 20; // Скидка в процентах
    $('.summa').each((key, val) => {   
    	$(val).text($(val).text() - $(val).text() * percent * 0.01);	
    });
});

Демо: https://jsfiddle.net/qsumwz8n/9/

видимо у вас для Яндекс.Карт используется другая проекция. Думаю должна быть - Spherical. Вот тут подробнее о проекциях - https://tech.yandex.ru/maps/doc/theory/concepts/co...