-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
54 lines (43 loc) · 1.62 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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
let copyText = document.getElementById("input");
let tooltip = document.getElementById("tooltip");
let image = document.getElementById("img");
let output = document.getElementsByClassName("slidercontainer");
let sliderTopLeft = document.getElementById("topLeftX");
let sliderTopRight = document.getElementById("topRightX");
let sliderBottomLeft = document.getElementById("bottomLeftX");
let sliderBottomRight = document.getElementById("bottomRightX");
output.innerHTML = sliderTopLeft.value;
output.innerHTML = sliderTopRight.value;
output.innerHTML = sliderBottomLeft.value;
output.innerHTML = sliderBottomRight.value;
function borderRadiusUpdate() {
copyText.value = sliderTopLeft.value + "%" + " " +
sliderTopRight.value + "%" + " " +
sliderBottomRight.value + "%" + " " +
sliderBottomLeft.value + "%";
}
sliderTopLeft.oninput = function() {
image.style.borderTopLeftRadius = sliderTopLeft.value + "%";
borderRadiusUpdate();
}
sliderTopRight.oninput = function() {
image.style.borderTopRightRadius = sliderTopRight.value + "%";
borderRadiusUpdate();
}
sliderBottomRight.oninput = function() {
image.style.borderBottomRightRadius = sliderBottomRight.value + "%";
borderRadiusUpdate();
}
sliderBottomLeft.oninput = function() {
image.style.borderBottomLeftRadius = sliderBottomLeft.value + "%";
borderRadiusUpdate();
}
function Submit() {
copyText.select();
copyText.setSelectionRange(0, 99999);
navigator.clipboard.writeText(copyText.value);
tooltip.innerHTML = "Copied: " + copyText.value;
}
function outFunc() {
tooltip.innerHTML = "Copy to clipboard";
}