Eugene Mosyukov

Вы в селекторе потеряли #, исправьте на:
document.querySelector('#result')

Вместо return; сделайте return "";

ESlint исходит из того, что Ваша функция должна возвращать строку, вместо этого Вы возвращаете undefined. Очень желательно придерживаться того, чтобы функция всегда возвращала один и тот же тип данных, либо выбрасывала исключение при ошибке, тогда, когда Вам захочется вернуть null/undefined.

$.ajax({
  url: "https://spreadsheets.google.com/feeds/list/1NzcKjtoS-p_Gz6ILOa3JB1aVgoPMC7mgepWtz9uBmgo/od6/public/values?alt=json",
  crossDomain: true, // это решает проблему с отсутствием Access-Control-Allow-Origin
  dataType: "jsonp", 
  success: function(data){
    console.log(data)
  }
});

Подробнее про это можно почитать тут: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

Возьмите хэш прям из ссылки:
var hash = $(this).attr('href');

https://codepen.io/anon/pen/mjemJE

У Вас кавычки лишние, исправьте на:
choose = size+"_"+amount;

У Вас это не массив, а объект. Для объекта length не работает.
Поэтому либо написать свою функцию подсчета, либо сделать как-нибудь так:
Object.keys(proparr).length;

Для PHP можно воспользоваться библиотекой https://github.com/PhenX/php-font-lib — она это умеет.

Как-нибудь так:

<div class="block">
	<div class="block__slide"></div>
	<div class="block__modal">Контент-1</div>
</div>
<div class="block">
	<div class="block__slide"></div>
	<div class="block__modal">Контент-2</div>
</div>

$("body").on('click', '.block__slide', function(){
	$(this).parent('.block').find('.block__modal')
		.fadeIn("slow")
		.css({display: "flex"});
});

Вы делаете кросс-доменный запрос (что запрещено), о вариантах решения можете почитать, например, тут: https://learn.javascript.ru/xhr-crossdomain

Используйте JSON.parse() для конвертации строки в объект/массив.

P. S. А как Вы получаете этот json?

https://habrahabr.ru/post/259505/ — вот этой книги должно хватить с головой.

Хотя тему байтов, битов, кодировок и битовых операций любой вузовский учебник раскроет на достаточном уровне, чтобы изучать С, С++.

У Вас неверно реализована конкатенация (объединение) строк.
Вместо $('.cf-content > p:contains("+searchValue+")') нужно $('.cf-content > p:contains(' + searchValue + ')').

Плюсик объединяет несколько строк в одну. Вам нужно начать с основ программирования, или хотябы с основ JavaScript: https://learn.javascript.ru/getting-started

Вот тут написано непосредственно об объединении строк: https://learn.javascript.ru/operators#сложение-стр...

<div onclick="func_a()">
    <div onclick="func_b(event)"></div>
</div>
<script type="text/javascript">
    function func_a() {
        alert('a');
    }
    function func_b(e) {
        e.stopPropagation();
        e.cancelBubble = true; // для IE
        alert('b');
    }
</script>

Читать подробнее:
— https://developer.mozilla.org/en-US/docs/Web/API/E...
— https://msdn.microsoft.com/en-us/library/ms533545(...

$(function(){}) — это мы запускаем действие в момент загрузки страницы. А оборачиваем в анонимную функцию (function($){ })($);, чтобы избежать конфликта имен с $.

Автор плагина предусмотрел случай, когда доллар занят под другую библиотеку/функцию/переменную. Чтобы избежать конфликта имен, достаточно будет заменить доллар на jQuery, вот так (хотя сразу так и нужно было писать):

(function($){$(function(){
    $('select').styleThis();
})})(jQuery);

Т.е. передав один раз нужный параметр, нам нет нужды переписывать весь плагин.

Не самое элегантное, но зато очень просто решение — записывать состояние в <input type="hidden" />.

1. При смене дня недели в календаре, записать номер дня недели в это скрытое поле.
2. Во время загрузки страницы, проверять заполнено ли это поле. И, если заполнено, то в соответствии с его содержимым восстановить состояние страницы. Но, если поле пустое, — считаем, что пользователь зашел на страницу в первый раз.

Принцип основывается на том, что поля восстанавливают свое содержание, когда пользователь нажимает кнопку назад. В современных браузерах работать будет, под IE у меня нет возможности проверить.