Денис

if($( 'html:lang(en-gb)').length) {
    // do something
}

И еще, в вашем случае, наверно лучше сократить код языка до двухбуквенного: en. Тогда и lang="en-gb" и lang="en" подхватятся:

if($( 'html:lang(en)').length) {
    // do something
}

Если мы говорим про полную идентичность, то можно без лишних танцев с бубном:

console.log( JSON.stringify(x) === JSON.stringify(y) );

Если файл берется из input, то FileReader и иже с ним. Пример в песочнице.

Если же с сервера, то Ajax:
Если с удаленного сервера, то должен быть доступ (CORS) и опять же Ajax

function timestampToDate(ts) {
    var d = new Date();
    d.setTime(ts);
    return ('0' + d.getDate()).slice(-2) + '.' + ('0' + (d.getMonth() + 1)).slice(-2) + '.' + d.getFullYear();
}

console.log(timestampToDate(1497094200000)); // 10.06.2017

Грубый набросок, но доводить до ума - уже нет сил. Возможно, что натолкнет на мысли в нужном направлении:

var point1 = document.getElementById('a'),
  point2 = document.getElementById('b'),
  line = document.getElementById('c');

document.addEventListener('click', function() {
  var x1 = point1.offsetLeft,
    y1 = point1.offsetTop,
    x2 = point2.offsetLeft,
    y2 = point2.offsetTop,
    width = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2)),
    angle = Math.atan2(y1 - y2, x1 - x2) / Math.PI * 180;
  angle = (angle < 0) ? angle + 360 : angle;
  line.style.cssText = 'transform: rotate(' + angle + 'deg); top: ' + (y2 + 25) + 'px; left: ' + (x2 + 25) + 'px; width: ' + width + 'px';
});

Первая итерация, i меньше 9? Да, то есть true. true === false? Нет, то есть false, проходим мимо. В вашем случае - i меньше 9? Да, то есть true, условие верно break

это я к тому, что аккордеон вроде не подходит

Подходит

$('dt').click(function() {
  $(this).next().slideToggle( "slow" );
});

Можно так

$(document).ready(function() {
    $('.photo li').waitForImages(function() {
        $(this)[$(this).length ? 'show' : 'remove']();
    });
});

но тут надо видеть функцию waitForImages, чтобы быть уверенным, что это будет работать. А пока меня грызут сомнения, т.к. метод применяется не к изображению, а к элементу LI. Если внутри callback-функции this ссылается на него, то всегда будет отрабатывать show()

UPD Пробуйте такой вариант:

$(function(){
    $('.photo li').waitForImages({
        each: function(loaded, count, success) {
            $(this)[success ? 'show' : 'remove']();
        },
        waitForAll: true
    });
});

Пример в песочнице. Второго изображения не существует

Пример в песочнице

document.addEventListener('DOMContentLoaded', function() {
    var li = document.querySelectorAll('li');
    li[Math.floor(Math.random() * li.length)].style.display = 'list-item';
}, false);

P.S. На jQuery, если нужно судя по тегам, практически то же самое:

$(function() {
    var li = $('li');
    li.eq(Math.floor(Math.random() * li.length)).show();
});

В чём именно у вас затык? Если алгоритм, то тут вариантов не много

if (данные счетчика хранятся в БД || файле ) {
   отправляем ajax-запрос || обычный запрос на сервер;
   увеличиваем значение на 1 в хранилище;
} elseif (счетчик для каждого клиента свой && данные необходимо хранить на клиенте) {
   используем localStorage/sessionStorage || cookie;
} else {
   // а тут бы неплохо уточнить, что и как у вас построено
}

Если же техническая сторона вопроса, то рассказывайте, что не получается

Если не нужно учитывать IE < 10, то можно использовать matchMedia

if (window.matchMedia('(min-width: 1200px)').matches) {
    $(window).scroll(function(){
        /* ... */    
    }   
}

Вариант, предложенный Necromant1k , не сочетается с условием вашей задачи. Он будет работать при событии на самих изображениях, а не на кнопке. Если же вернутся к условию, то сделать можно было бы так:

var img = [].slice.call(document.querySelectorAll('.card__heading-img img'));
document.querySelector('.btn').addEventListener('click', function(e) {
    e.preventDefault();
    var curImg = img.filter(function(el) {
            return el.classList.contains('active');
        })[0],
        curIndx = img.indexOf(curImg),
        nextIndx = curIndx + 1 >= img.length ? 0 : curIndx + 1;

    curImg.classList.remove('active');
    img[nextIndx].classList.add('active');

}, false);

Вариант на чистом JS с привязкой по индексу

var textarea = [].slice.call(document.querySelectorAll('textarea'));
[].forEach.call(document.querySelectorAll('[type=radio]'), function(el, i) {
    (function(index) {
        textarea[index].style.display = el.checked ? 'inline' : 'none';
        el.addEventListener('change', function() {
            textarea.forEach(function(ta, i) {
                ta.style.display = i === index ? 'inline' : 'none';
            });
        });
    }(i));
});

Вариант только с использование CSS, если позволяет разметка:

<input type="radio" name="group">
<textarea placeholder="Окно ввода для первой radio кнопки"></textarea>
<input type="radio" name="group">
<textarea placeholder="Окно ввода для второй radio кнопки"></textarea>

textarea {
    display: none;
}
[type=radio] {
    float: left;
}
[type=radio]:checked + textarea {
    display: inline;
}

Не очень понял вашу задачу, поэтому попробую ванговать.
Пример в песочнице

var markerPos = $('#marker').offset().top,
    output = $('output');

$(window).on('scroll', function() {
    output.text($(this).scrollTop() >= markerPos ? $(this).scrollTop() - markerPos : 0);
});