labels added

AzaanUllah-Khan · Jul 24, 2023 · 9fdc2c9 · 9fdc2c9
1 parent 23733e3
commit 9fdc2c9
Showing 1 changed file with 11 additions and 10 deletions.
diff --git a/script.js b/script.js
@@ -4,62 +4,63 @@ function add() {
     res.style.height = "auto"
     res.innerHTML = ''
     Swal.fire({
-        title: 'Enter Number To Add With',
+        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)
+            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 With',
+        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)}</p>`
+            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 With',
+        title: `Enter Number To Multiply ${input.value} With`,
         input: 'number',
         confirmButtonText: 'Multiply',
         showLoaderOnConfirm: true,
     }).then((result) => {
         if (result.isConfirmed) {
-            res.innerHTML = `<p>${input.value * (+ result.value)}</p>`
+            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 With',
+        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)).toFixed(4)}</p>`
+            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>`
@@ -70,12 +71,12 @@ function fac() {
 function sqr(){
     res.style.height = "auto"
     res.innerHTML = ''
-    res.innerHTML = `<p>${input.value*input.value}</p>`
+    res.innerHTML = `<p>Square of ${input.value} is ${input.value*input.value}</p>`
 }
 function sqrR(){
     res.style.height = "auto"
     res.innerHTML = ''
-    res.innerHTML = `<p>${Math.sqrt(input.value)}`
+    res.innerHTML = `<p>Square root of ${input.value} is ${(Math.sqrt(input.value)).toFixed(2)}`
 }
 
 function tab(){