-
Notifications
You must be signed in to change notification settings - Fork 1
/
js.js
111 lines (88 loc) · 3.68 KB
/
js.js
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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
log()
function log(){
if(localStorage.getItem("login") == null){
localStorage.setItem("login","")}}
if (localStorage.getItem("login") != "") {
document.getElementById("if").innerHTML = localStorage.getItem("login")
if(document.getElementById("if").innerHTML != "login"){
document.getElementById("center").innerHTML="<span><img src='image/male-silhouette-profile-picture-question-260nw-151266383.jpg' width='100%' style='border-radius:100% ' ></span> <a href='index.html'>Home</a> <a href=''>Account</a> <a href='slidebar.html'>Setting</a> <a href='help.html'>Helps</a> "}
}
else if(document.getElementById("if").innerHTML = "login"){
document.getElementById("center").innerHTML=" <a href=''><img class ='center' src='image/download (1).png' alt='error' /><br>Signup/login</a> <br> <a href='index.html'>Home</a> <a href=''>Account</a> <a href='slidebar.html'>Setting</a> <a href='help.html'>Helps</a> "
}
// for slidebar
function openNav() {
document.getElementById("mySidenav").style.width = "15%";
document.getElementById("table").style.marginLeft= "15%";
document.getElementById("logo").style.width= "25%";
document.getElementById("table").style.opacity = "0.5%";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
document.getElementById("table").style.marginLeft = "0";
document.getElementById("logo").style.width= "30%";
document.getElementById("table").style.opacity = "1%"
}
// for favourite
if(localStorage.getItem("favourite")==null)
{
var e = []
e = JSON.stringify(e)
localStorage.setItem("favourite", e)
}
showfavourite()
function showfavourite(){
var array = localStorage.getItem("favourite");
if(array!=null){
array = JSON.parse(array)
arr = array.length;
arr = "FAVOURITES<sup id='sup'>"+arr+"</sup>"
document.getElementById("sup").innerHTML= "";
document.getElementById("sup").innerHTML= arr;
for(var i = 0;i <array.length;i++){
var g = document.getElementById(array[i]).style.color = "red";
}}
}
function fahad(id) {
var g = document.getElementById(id).style.color = "red";
if (localStorage.getItem("favourite") == "") {
var array = [id]
arr = array.length;
arr = "FAVOURITES<sup id='sup'>"+arr+"</sup>"
document.getElementById("sup").innerHTML= arr;
array = JSON.stringify(array);
localStorage.setItem("favourite", array)}
// for more add
else if (localStorage.getItem("favourite") != "") {
var array = JSON.parse(localStorage.getItem("favourite"));
if(array.indexOf(id) == -1){
var newarray = [...array, id]
console.log(newarray)
arr = newarray.length;
arr = "FAVOURITES<sup id='sup'>"+arr+"</sup>"
document.getElementById("sup").innerHTML= ""
document.getElementById("sup").innerHTML= arr;
newarray = JSON.stringify(newarray)
localStorage.setItem("favourite", newarray)}}}
function fahad2(id) {
var array = JSON.parse(localStorage.getItem("favourite"));
if(array.indexOf(id) != -1){
var g = document.getElementById(id).style.color = "white"
var index = array.indexOf(id);
console.log(index) ;
array.splice(index,1)
console.log(array) ;
arr = array.length;
arr = "FAVOURITES<sup id='sup'>"+arr+"</sup>"
document.getElementById("sup").innerHTML= ""
document.getElementById("sup").innerHTML= arr
var array = JSON.stringify(array);
localStorage.setItem("favourite",array)
}
}
//for any image
function any(id) {
localStorage.setItem('any',id);
shower()
// window.location.href = "product.html"
}