t3nus.github.io/etext.html at main · t3nus/t3nus.github.io · 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
<!DOCTYPE html>

<html>
<head>
<title>Etext Online Text Editor</title>
<script>
function save() {
    var title = document.getElementById("title").value;
    console.log("Saved note");
    var text = document.getElementById("text").value;
    localStorage.setItem(title,text);
}

function saveg() {
    var title = document.getElementById("title").value;
    var text = document.getElementById("text").value;
    sessionStorage.setItem(title,text);
}

function load() {
    var title = document.getElementById("title")
    var text = localStorage.getItem(title.value)
    if (text == null || text == "undefined" || text == undefined) {
        document.getElementById("text").value = "Note does not exist!";
        console.log(title.value + " Does not exist")
        setTimeout(function () {document.getElementById("text").value = ""},500);
    } else {
        document.getElementById("text").value = text;
        console.log("Exists");
    }
}

function loadg() {
    var title = document.getElementById("title").value;
    var text = sessionStorage.getItem(title);
    if (text == null || text == "undefined" || text == undefined) {
        document.getElementById("text").value = "Note does not exist!";
        setTimeout(function () {document.getElementById("text").value = ""},500);
    } else {
        document.getElementById("text").value = text;
    }
}
 function deleteFromLocalStorage() {
            // Replace 'keyName' with the actual key you want to delete
            localStorage.removeItem(document.getElementById("title").value;
            document.getElementById("text").value = "Deleted!";
            setTimeout(function () {document.getElementById("text").value = ""},500);
        }
</script>
</head>
<body>
<input type="text" placeholder="Title of note" id="title">
<br>
<button onclick="save()">Save note</button>
    <br>
    <button onclick="saveg()">Save temporary note(deleted on leaving page)</button>
<br>
<button onclick="load()">Load note</button>
    <br>
    <button onclick="loadg()">Load temporary note</button>
<br>
    <button onclick="deleteFromLocalStorage()">Delete Item</button>
<br>
<br>
Text here:
<textarea id="text" rows="50" cols="50"></textarea>
</body>
</html>