StickyNotes/logic.js at main · deepak089/StickyNotes · 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
var container2=document.querySelector('.container2');
var container3=document.querySelector('.container3');

var checkicon=document.getElementById('checkicon');
// var print=document.getElementById('divone');
var xicon=document.getElementById('xicon');
var d=document.querySelector('button');
var i=0;
// print.addEventListener('click',function(){
//     myfun();
// })
xicon.addEventListener('click',function(){
    typeNote();
})

checkicon.addEventListener('click',function(){
    createNote();
})

function typeNote(){
    if(container3.style.display=="none"){
        container3.style.display="block";
    }
    else
    container3.style.display="none";
}
function createNote()
{
    var note=document.getElementById('note-text').value;
    var node0=document.createElement("div");
    var node1=document.createElement("h1");
    node1.innerHTML=note;
    node1.setAttribute("style","width :250px;height:250px;font-size:26px;padding:25px;margin-top:10px;overflow:hidden;box-shadow:0px 10px 24px 0px rgba(0,0,0,0.75)");
    node1.style.margin=margin();
    node1.style.transform =rotate();
    node1.style.background = color();
    node0.appendChild(node1);
    container2.insertAdjacentElement("beforeend",node0);
    node0.addEventListener("mouseenter",function(){
        node0.style.transform= "scale(1.1)";
    });
    node0.addEventListener("mouseleave",function(){
        node0.style.transform = "scale(1)";
});
node0.addEventListener("dblclick",function(){
    node0.remove();
});
document.getElementById('note-text').value = '';

}
function ss()
{
    window.print();
}
function margin(){
var random_margin=['.5px','1px','5px','10px','15px','20px'];
return random_margin[Math.floor(Math.random()*random_margin.length)];
}
function rotate()
{
var random_rotate=['rotate(3deg)','rotate(1deg)','rotate(-1deg)','rotate(-3deg)','rotate(-5deg)','rotate(-13deg)','rotate(-10deg)']
return random_rotate[(Math.floor(Math.random()*random_rotate).length)];
}
function color()
{var random_color=['#c2ff2d','#ff3de8','#3dc2ff','#04e022','#bc83e6'];

if(i>random_color.length-1){
    i=0;
}
return random_color[i++];
}