forked from ShakilAnsary9/BanglaUI-Font
-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
71 lines (62 loc) · 2 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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
// Get the range inputs and preview elements
const rangeInput1 = document.getElementById("customRange1");
const rangeInput2 = document.getElementById("customRange2");
const previews = document.getElementsByClassName("preview");
const initialFontSize = 26;
for (let i = 0; i < previews.length; i++) {
previews[i].style.fontSize = `${initialFontSize}px`;
}
rangeInput1.addEventListener("input", updateFontSize);
rangeInput2.addEventListener("input", updateFontWeight);
// Font Size Change
function updateFontSize() {
const fontSize = parseInt(rangeInput1.value);
for (let i = 0; i < previews.length; i++) {
previews[i].style.fontSize = `${fontSize}px`;
}
}
// Font Weight Change
function updateFontWeight() {
const fontWeight = parseInt(rangeInput2.value);
for (let i = 0; i < previews.length; i++) {
previews[i].style.fontWeight = fontWeight;
}
}
// Default Preview Value Set
function updatePreview(value) {
var previews = document.getElementsByClassName("preview");
var defaultValue = "আমার সোনার বাংলা";
if (value.trim() === "") {
value = defaultValue;
}
for (var i = 0; i < previews.length; i++) {
previews[i].innerHTML = value;
}
}
// Copy CDN
const copyIcons = document.querySelectorAll(".copy-icon");
copyIcons.forEach((icon) => {
icon.addEventListener("click", () => {
const input = icon.parentElement.querySelector("input");
input.select();
document.execCommand("copy");
window.getSelection().removeAllRanges();
});
});
// Copy Font Family
function copyFontFamily(inputId) {
var input = document.getElementById(inputId);
var tempInput = document.createElement("input");
tempInput.value = input.value;
document.body.appendChild(tempInput);
tempInput.select();
document.execCommand("copy");
document.body.removeChild(tempInput);
}
function showAlrt(alrtID) {
const alrtText = document.getElementById(alrtID);
alrtText.classList.remove("d-none");
setTimeout(function () {
alrtText.classList.add("d-none");
}, 2000);
}