Конвертация JS в jQuery?

Question

[valgerofficial]

Привет народ! имеется js код, который нужно преобразовать в jquery. Есть ли какой то онлайн инструмент для этих целий? Это нужно для компактности кода. Вот сам код:

if (!localStorage.theme) localStorage.theme = "light"
document.body.className = localStorage.theme
toggleThemeBtn.innerText = document.body.classList.contains("dark") ? "Сменить тему на светлую" : "Сменить тему на тёмную"

toggleThemeBtn.onclick = () => {
    document.body.classList.toggle("dark")
    toggleThemeBtn.innerText = document.body.classList.contains("dark") ? "Сменить тему на светлую" : "Сменить тему на тёмную"
    localStorage.theme = document.body.className || "light"
}

Comments

[Вадим]

Что то новенькое) из js в jq :-)
А что вы тут сокращать собрались?
И еще, Вы же знаете что jq это и есть js? Таким образом, кода станет только больше. Даже если в этом файле его станет меньше

Answer 1

[Stalker_RED]

Переведя его на jQuery вы много не выиграете, разве что пару десятков символов на конструкциях типа document.body.classList.contains('dark') на $('body').hasClass('dark')

Кроме того, этот код багованый, он устанавливает класс "light", а потом при каждом нажатии меняет его на "light dark".

По настоящему сократить его можно удалив первые три строчки, и вместо этого дать функции onclick имя и вызвать ее при старте.

Если вам реально дорог каждый байт, то можно минифицировать по максимуму.
224 символа вместо 570


Если не делать два класса dark/light а переключать только один, и выбросить изменение текста кнопки (или вынести его в css), то все проще


и ужимается в 127 символов (и даже меньше ста, если использовать однобуквенный id кнопки и класс)

Comments

[valgerofficial]

Спасибо вам большое конечно) Но, можете подсказать как сохранить данные в localstorage что бы при перезагрузки стили не менялись обратно, а оставались такими как выбрал пользователь, речь идет о теме для сайта, сможете помочь?

[Stalker_RED]

valgerofficial, так у вас нормально в localStorage сохраняется. Ошибка в том, что класс light вы никогда не убираете.

[valgerofficial]

Stalker_RED, Нет, я не об этом, а об другом скрипте.