Basic-Math-Operations/script.js at main · AzaanUllah-Khan/Basic-Math-Operations · 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
96
97
const res = document.getElementById('res')
const input = document.getElementById('number')
function add() {
    res.style.height = "auto"
    res.innerHTML = ''
    Swal.fire({
        title: `Enter Number To Add ${input.value} With`,
        input: 'number',
        confirmButtonText: 'Add',
        showLoaderOnConfirm: true,
    }).then((result) => {
        if (result.isConfirmed) {
            res.innerHTML =+ input.value + "+" + result.value + "=" + (+ input.value + (+ result.value))
        }
    })
}
function sub() {
    res.style.height = "auto"
    res.innerHTML = ''
    Swal.fire({
        title: `Enter Number To Subtract ${input.value} With`,
        input: 'number',
        confirmButtonText: 'Subtract',
        showLoaderOnConfirm: true,
    }).then((result) => {
        if (result.isConfirmed) {
            res.innerHTML = `<p>${input.value} - ${result.value} = ${input.value - (+ result.value)}</p>`
        }
    })
}
function mul() {
    res.style.height = "auto"
    res.innerHTML = ''
    Swal.fire({
        title: `Enter Number To Multiply ${input.value} With`,
        input: 'number',
        confirmButtonText: 'Multiply',
        showLoaderOnConfirm: true,
    }).then((result) => {
        if (result.isConfirmed) {
            res.innerHTML = `<p>${input.value} x  ${result.value} = ${input.value * (+ result.value)}</p>`
        }
    })
}
function div() {
    res.style.height = "auto"
    res.innerHTML = ''
    Swal.fire({
        title: `Enter Number To Divide ${input.value} With`,
        input: 'number',
        confirmButtonText: 'Divide',
        showLoaderOnConfirm: true,
    }).then((result) => {
        if (result.isConfirmed) {
            res.innerHTML = `<p>${input.value} / ${result.value} = ${(input.value / (+ result.value)).toFixed(2)}</p>`
        }
    })
}

function fac() {
    res.style.height = "auto"
    res.innerHTML = ''
    res.innerHTML = `<h1 style='font-size: 20px; margin-bottom: 10px;'>Factors of ${input.value} Are :</h1>`
    for (i = 1; i <= input.value; i++) {
        if (input.value % i == 0) {
            res.innerHTML += `<p>${i}</p>`
        }
    }
}

function sqr(){
    res.style.height = "auto"
    res.innerHTML = ''
    res.innerHTML = `<p>Square of ${input.value} is ${input.value*input.value}</p>`
}
function sqrR(){
    res.style.height = "auto"
    res.innerHTML = ''
    res.innerHTML = `<p>Square root of ${input.value} is ${(Math.sqrt(input.value)).toFixed(2)}`
}

function tab(){
    res.style.height = "auto"
    res.innerHTML = ''
    for(i=1;i<11;i++){
        res.innerHTML += `<p>${input.value} * ${i} = ${input.value * i}</p>`
    }
    res.innerHTML += `<button onclick=l()>Generate Further</button>`
}
function l(){
    res.innerHTML = ''
    res.style.overflowY = "auto"
    res.style.height = "500px"
    for(i=1;i<51;i++){
        res.innerHTML += `<p>${input.value} * ${i} = ${input.value * i}</p>`
    }
}