forked from hemavenkat8642/Custom_Button_Maker
-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
34 lines (32 loc) · 1.16 KB
/
script.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
let bgColor = document.getElementById("bgColorInput");
let fontColor = document.getElementById("fontColorInput");
let fontSize = document.getElementById("fontSizeInput");
let fontWeight = document.getElementById("fontWeightInput");
let padding = document.getElementById("paddingInput");
let borderRadius = document.getElementById("borderRadiusInput");
let button = document.getElementById("customButton");
button.classList.add("d-none");
function apply() {
button.classList.remove("d-none");
button.style.backgroundColor = bgColor.value;
button.style.color = fontColor.value;
button.style.fontSize = fontSize.value;
button.style.fontWeight = fontWeight.value;
button.style.padding = padding.value;
button.style.borderRadius = borderRadius.value;
}
function reset() {
button.classList.add("d-none");
button.style.backgroundColor = "";
button.style.color = "";
button.style.fontSize = "";
button.style.fontWeight = "";
button.style.padding = "";
button.style.borderRadius = "";
bgColor.value = "";
fontColor.value = "";
fontSize.value = "";
fontWeight.value = "";
padding.value = "";
borderRadius.value = "";
}