To-do/script.js at main · R4R3D1FF/To-do · 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
81
82
83
84
85
86
87
88
89
90
91
92
// const myObject = {
//         addDelButton: function(parent) {
//         var buttonElem = parent.appendChild(document.createElement("button"));
//         buttonElem.innerHTML = "Delete";
//         buttonElem.onclick = function() {
//             this.parentElement.remove();
//         }}
// }
// myObject.addDelButton(document.getElementById("el1"));
// myObject.addDelButton(document.getElementById("el2"));
// myObject.addDelButton(document.getElementById("el3"));
// myObject.addDelButton(document.getElementById("el4"));
// let btn = document.getElementById("btn");
// btn.addEventListener("click",function(){
//     btn.parentElement.remove();
// });
function download(file, text) {

    //creating an invisible element
    var element = document.createElement('a');
    element.setAttribute('href',
    'data:text/plain;charset=utf-8, '
    + encodeURIComponent(text));
    element.setAttribute('download', file);

    // Above code is equivalent to
    // <a href="path of file" download="file name">

    document.body.appendChild(element);

    //onClick property
    element.click();

    document.body.removeChild(element);
}

// Start file download.
// document.getElementById("btn")
// .addEventListener("click", function() {
//     // Generate download of hello.txt
//     // file with some content
//     var text = document.getElementById("text").value;
//     var filename = "GFG.txt";

//     download(filename, text);
// }, false);
function Delete(element){
    let x = 600;
    setInterval(() => {
        if (x > 0){
            element.style.width = x + 'px';
            x--;
        }
    }, 100)
    element.remove();
}
function Draw(checkboxid, markerid){
    var checkbox = document.getElementById(checkboxid);
    var marker = document.getElementById(markerid);
    var x = 0;
    if (checkbox.checked){
        setInterval(() => {
            if (x < 70)
            {
                x++;
                marker.style.width = x + 'px';
            }

        }, 5)
    }
    else{
        let x = 70;
        setInterval(() => {
            if (x > 0)[]
            {
                x--;
                marker.style.width = x + 'px';
            }

        }, 5)
    }

}
$("#new").keypress(function(event) {
    if (event.keyCode === 13) {
        AddContainer($("#new").value);
    }
});
function AddContainer(value){
    var x = document.createElement("label");

}