Всем привет, я начинающий разраб в javascript. У меня есть почти готовый код, но я никак не могу добавить в localStorage ещё одну функцию. Задача скрипта: копировать выделенный текст и вставлять его в новый div и вот тут начинается проблема с добавлением и запоминанием в localStorage уникального класса. Я пытаюсь добавить класс div-i, но localStorage его не запоминает. Подскажите в чем проблема.
<!DOCTYPE HTML>
<html lang="ru">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<title>Test</title>
</head>
<body>
<div>
<p>Текст предназначенный для выделения</p>
<p>Текст предназначенный для выделения2</p>
<p>Текст предназначенный для выделения3</p>
</div>
<div id="sel">Здесь будет текст, который будет выделяться</div>
<button class="save-btn" onclick="saveText();">Сохранить</button>
<script src="copy2.js" charset="utf-8"></script>
</body>
</html>
"use strict";
function getSelectionText() {
var text = "";
var activeEl = document.activeElement;
var activeElTagName = activeEl ? activeEl.tagName.toLowerCase() : null;
if (
(activeElTagName == "textarea") || (activeElTagName == "input" &&
/^(?:text|search|password|tel|url)$/i.test(activeEl.type)) &&
(typeof activeEl.selectionStart == "number")
) {
text = activeEl.value.slice(activeEl.selectionStart, activeEl.selectionEnd);
} else if (window.getSelection) {
text = window.getSelection().toString();
}
return text;
}
function saveText() {
var text = "<div class=\"copyDiv\">" + "<p>" + getSelectionText() + "</p>" + "<button class=\"close\" onclick=\"deleteText();\">x</button>" + "</div>";
if (localStorage.getItem("savedText") === null) {
localStorage["savedText"] = "";
}
localStorage["savedText"] += text;
showText();
takeClass();
}
function showText() {
var innerDiv = localStorage["savedText"];
document.getElementById("sel").innerHTML = innerDiv;
takeClass();
}
function takeClass() {
var btn = document.querySelector(".save-btn");
var sel = document.querySelector("#sel");
var div = document.querySelector(".copyDiv");
var children = sel.childNodes;
var activeBtn = btn.addEventListener('click', function() {
for (var i = 0; i < 30; ++i) {
if (children[i]) {
children[i].classList.add("div-" + i);
}
}
});
var innerClass = localStorage["savedText"];
activeBtn = innerClass;
}
function deleteText() {
document.getElementById("sel").innerHTML = '';
localStorage.removeItem("savedText");
}
window.onload = function() {
showText();
takeClass();
};
localStorage.setItem
. Так что то, что ничего не запоминается, вовсе не неожиданность. Даже если это где-то работает, на это не стоит опираться. См. MDN.