pixeltorem/index.js at master · lazaro-contato/pixeltorem · GitHub

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

/* Math methodes
var rem_calculate = (pixel / root);
var pixel_calculate = (root * rem);
*/

// Variables //

var root = 16;
var pixel = 0;
var rem = 0;


// ========== CHANGING INPUT REM ========== //

$("#input-px").keyup(function(){
    var valuePixel = Number($(this).val());
    var finalNumber = (valuePixel / root).toFixed(3);
    finalNumber = checkDecimal(finalNumber)

    $("#input-rem").val(finalNumber);

    if (!$(this).val()){
        $("#input-rem").val("");
    }


})

// ========== CHANGING INPUT PX ========== //

$("#input-rem").keyup(function(){
    root = $("#input-root").val();

    var valueRem = $(this).val();
    var finalNumber = (root * valueRem).toFixed(2);

    finalNumber = checkDecimal(finalNumber);

    $("#input-px").val(finalNumber);

    if (!$(this).val()){
        $("#input-px").val("");
    }

    var valueRem = $("#input-rem").val();
    $("#input-px").val(finalNumber);

    if(!valueRem){
        $("#input-px").val("");
    };

})

// ========== CHANGING THE ROOT ========== //

$("#input-root").keyup(function(){
        root = $(this).val();

        var valueRem = $("#input-rem").val();
        var finalNumber = (root * valueRem).toFixed(2);

        finalNumber = checkDecimal(finalNumber);

        $("#input-px").val(finalNumber);

        if(!root || !$("#input-rem").val()){
            $("#input-px").val("");
        };

})

// ========== COPY WITH BUTTON ========== //

$("#button-copy-1").click(function(){
    $("#input-px").select();
    document.execCommand('copy');
})

$("#button-copy-2").click(function(){
    $("#input-rem").select();
    document.execCommand('copy');
})


function checkDecimal(num){
    var numPart = num.split(".")

    if (numPart[1] == "00" || numPart[1] == "000"){
        return numPart[0]
    } else {
        return num
    }
}