Дмитрий Еремин

Вы можете задействовать сторонние JSON-хранилища
Например https://jsonbin.io/api-reference - что-то типа универсальный апи для CRUD-операций

Сохраняете цитату - получаете ссылку.
Дальше эту ссылку добавляете в общий массив (который храните там же)

Все, вам остается на JS написать только клиент, который
1. По получает массив ссылок на цитаты
2. Запрашивает цитаты по ссылкам

1. начнем с того, что вы, каждый раз пересоздаете arr1 и arr2
2. for (let k = i; k <=2; k++ ) и for (let m = i+2; m <=4; m++ ) - у вас условие выхода из цикла жестко задано (k <=2 и m <=4)
А на второй иттерации, i = 4 => k=4

var i = document.querySelector('#amount')
i.value = i.value.substring(1)

Потому что это два объекта и вы сравниваете ссылки

var a = [];
var b = [];
a === b //false
JSON.stringify(a) === JSON.stringify(b) //true

повеселитесь

var a = [];
var b = a;
a === b //true

https://api.jquery.com/change/

Эт у вас url?

var url = new URL(urlString);
var user = url.searchParams.get("user_name");
var pass = url.searchParams.get("password");
var ob = {user_name:user, pass:password}

var list = [{
                    category: 'Посуда',
                    image: 'http://teadrinkers.org/assets/images/products/417/c2cee981a39099c7fa00c9c7797dfe7afae168fb.jpg',
                    title: 'Заголовок',
                    price: '10',
                    year: '2015',
                    country: 'Китай',
                    gram: false
                },
                {
                    category: 'Посуда',
                    image: 'http://teadrinkers.org/assets/images/products/354/42993ea70df676dfc302af7073b2503f581c2132.jpg',
                    title: 'Чашка глина (1)',
                    price: '500',
                    year: '2017',
                    country: 'Япония',
                    gram: false
                },
                {
                    category: 'Улун',
                    image: 'http://teadrinkers.org/assets/images/products/305/8386f5419680011666732dcf3a385a5c197d3ab9.png',
                    title: 'ГАБА улун полусферической скрутки',
                    price: '20',
                    year: '2002',
                    country: 'Китай',
                    gram: true
                },
                {
                    category: 'Красный чай',
                    image: 'http://teadrinkers.org/assets/images/products/433/34abe5f187227d79e0e8f7bb60711817072066f5.jpg',
                    title: 'Чжэн Хэ Сяо Чжун',
                    price: '22',
                    year: '2013',
                    country: 'Китай',
                    gram: true
                }]

var data = 'Красный чай, Улун' //ваши данные из локалсторадж
var order = data.split(", ") //те же данные, но в массиве

var res = [] //сюда выводим

order.forEach(item => res.push(list.filter(l => l.category == item))) //данные по списку
res.push(list.filter(l => order.indexOf(l.category) == -1)) //все остальное
res = [].concat.apply([], res); //склеиваем

var arr = [10,20,25,21,9,5];
var indexes = [];
arr.forEach((item, index) => indexes.push(index))

Ну или руками
или Selenium webDriver - пишем код тестов. Ему можно подсовывать разные браузеры
Статьи на тему: https://www.google.ru/search?q=cross+browser+testi...

ну, вообще, должен. JS он ли будет работать, либо не работать совсем.
На всякий случай, если вдруг все же не полетит, вы всегда можете заставить драйвер выполнить ваш скрипт

WebDriver driver = new ChromeDriver();

if (driver instanceof JavascriptExecutor) {
	((JavascriptExecutor) driver).executeScript("alert('hello world');");
}

1. odyniec.net/projects/imgareaselect (как юзать: odyniec.net/projects/imgareaselect/examples-callba... )
2. https://github.com/tapmodo/Jcrop

Добавьте им класс

<div style="background-color:yellow">
        <img class="clickable" src="../../Images/empty.png"   id="ImgNeed1" />
        <img class="clickable" src="../../Images/empty.png"   id="ImgNeed2" />
        <img class="clickable" src="../../Images/empty.png"   id="ImgNeed3" />
        <img class="clickable" src="../../Images/empty.png"   id="ImgNeed4" />
        <img class="clickable" src="../../Images/empty.png"   id="ImgNeed5" />
    </div>

И вот
document.getElementsByClassName("clickable")

Ну или вот так лучше (без добавления классов)

document.querySelectorAll("img[id^='ImgNeed']").onclick

2 == "2" //true
2 === "2" //false