-
Notifications
You must be signed in to change notification settings - Fork 3
/
username.js
119 lines (119 loc) · 3.74 KB
/
username.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
112
113
114
115
116
117
118
119
function add_user(){
if(!localStorage.getItem("username")){
var user = prompt("Create your username: ");
if(user == ""){
var mes = document.createElement("p");
mes.innerText = "Username cannot be an empty value";
mes.style.color = "red";
mes.style.textAlign = "center";
document.body.appendChild(mes);
}else{
localStorage.setItem("username", user);
var mes = document.createElement("p");
mes.innerText = "Username saved";
mes.style.color = "green";
mes.style.textAlign = "center";
document.body.appendChild(mes);
}
}else{
var p = document.createElement("p");
var a = document.createElement("a");
p.innerText = "Username already created."
p.style.color = "red";
p.style.textAlign = "center";
a.innerText = "Go Home";
a.href = "index.html";
document.body.appendChild(p);
document.body.appendChild(a);
}
}
function change_user(){
var username = prompt("Create a username: ");
if(username == ""){
var mes = document.createElement("p");
mes.innerText = "Username cannot be empty!";
mes.style.textAlign = "center";
mes.style.color = "red";
document.body.appendChild(mes);
}else{
localStorage.removeItem("username");
localStorage.setItem("username", username);
var mes = document.createElement("p");
mes.innerText = "Your username has been saved as " + localStorage.getItem("username");
mes.style.color = "green";
mes.style.textAlign = "center";
document.body.appendChild(mes);
}
}
function show_user(){
var username = localStorage.getItem("username");
if(username){
var p = document.createElement("p");
p.innerText = username;
p.style.color = "green";
p.style.textAlign = "center";
document.body.appendChild(p);
}else{
var p = document.createElement("p");
p.innerText = "Your username was not found";
p.style.color = "red";
p.style.textAlign = "center";
document.body.appendChild(p);
}
}
function remove_user(){
if(localStorage.getItem("username")){
var p = document.createElement("p");
p.innerText = "Your username has been removed. Reload the page to see the changes.";
p.style.textAlign = "center";
p.style.color = "green";
document.body.appendChild(p);
localStorage.removeItem("username");
}else{
var p = document.createElement("p");
var a = document.createElement("a");
p.innerText = "Username not found";
p.style.color = "red";
p.style.textAlign = "center";
a.innerText = "Create a username";
a.href = "javascript:add_user()";
document.body.appendChild(p);
document.body.appendChild(a);
}
}
function popup_username(){
var show_user = prompt("Popup username on onload (true/false) ");
if(show_user === "true"){
if(!localStorage.getItem("!username")){
var changesSaved = document.createElement("p");
changesSaved.innerText = "This is already set";
changesSaved.style.color = "red";
changesSaved.style.textAlign = "center";
document.body.appendChild(setChanges);
}else{
var setChanges = document.createElement("p");
setChanges.innerText = "Changes saved";
setChanges.style.color = "green";
setChanges.style.textAlign = "center";
document.body.appendChild(setChanges);
localStorage.removeItem("!username");
}
}else{
if(!localStorage.getItem("!username")){
localStorage.setItem("!username", show_user);
var setChanges = document.createElement("p");
setChanges.innerText = "Changes saved";
setChanges.style.color = "green";
setChanges.style.textAlign = "center";
document.body.appendChild(setChanges);
localStorage.setItem("!username", show_user);
}
if(localStorage.getItem("!username")){
var changesSet = document.createElement("p");
changesSet.innerText = "This is already set";
changesSet.style.color = "red";
changesSet.textAlign = "center";
document.body.appendChild(changesSet);
}
}
}