CodeSnippetManager/script.js at main · mansub-dev/CodeSnippetManager · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
const newBtn = document.getElementById("btn-new");

const snippetsContainer = document.querySelector(".snippets");

newBtn.addEventListener("click", function () {
    window.location.href = "new_snippet.html";
});
let snippets = JSON.parse(localStorage.getItem("snippets") ?? "[]");

snippets.forEach((item, i) => {

    const snippetItem = document.createElement("li");
    const deleteBtn = document.createElement("button");
    const titleDiv = document.createElement("div");

    titleDiv.setAttribute("class", "snippet-title");
    deleteBtn.setAttribute("class", "btn-del");
    snippetItem.setAttribute("class", "snippet-item");
    snippetItem.setAttribute("data-id", i);

    const dId = snippetItem.getAttribute("data-id");

    const updated = JSON.stringify(snippets);

    localStorage.setItem("snippets", updated);

    titleDiv.textContent = `${i + 1}. ${item.title}`;
    deleteBtn.textContent = "Delete";
    snippetItem.appendChild(titleDiv);
    snippetItem.appendChild(deleteBtn);
    snippetsContainer.appendChild(snippetItem);
    titleDiv.addEventListener("click", function () {
        localStorage.setItem("previewID", dId);
        window.location.href = "p_snippet.html";
    });


});
rerenderElement(snippets);
function rerenderElement(snippets) {
    snippetsContainer.innerHTML = "";
    snippets.forEach((item, i) => {

        const snippetItem = document.createElement("li");
        const deleteBtn = document.createElement("button");
        const titleDiv = document.createElement("div");

        titleDiv.setAttribute("class", "snippet-title");
        deleteBtn.setAttribute("class", "btn-del");
        snippetItem.setAttribute("class", "snippet-item");
        snippetItem.setAttribute("data-id", i);

        const dId = snippetItem.getAttribute("data-id");


        const updated = JSON.stringify(snippets);

        localStorage.setItem("snippets", updated);

        titleDiv.textContent = `${i + 1}. ${item.title}`;
        deleteBtn.textContent = "Delete";
        snippetItem.appendChild(titleDiv);
        snippetItem.appendChild(deleteBtn);
        snippetsContainer.appendChild(snippetItem);
        titleDiv.addEventListener("click", function () {
            localStorage.setItem("previewID", dId);
            window.location.href = "preview.html";
        });
        deleteBtn.addEventListener("click", function () {
            snippets = snippets.filter((_, index) => index !== Number(dId));
            rerenderElement(snippets);
            localStorage.setItem("snippets", JSON.stringify(snippets));

        });
    });
}

const getData = () => { };

getData();